Muchas tecnologías se emplean en la creación de sitios web. Sistemas de gestión de contenido, marcos, diferentes lenguajes de programación y scripting, sistemas de pago... ¡todo tipo de cosas!
Si tiene curiosidad por saber cómo funciona su sitio web favorito, o quiere ver si un sitio está usando algo incompleto, este artículo le mostrará varias formas de mirar bajo el capó y ver cómo está construido.
Ver el código del sitio web
Si no es un desarrollador o está comenzando, está a punto de aprender el secreto para una mejor programación. Mira el código de otras personas. Le mostramos cómo utilizar las herramientas para desarrolladores de Cromo para hacer precisamente eso.
ChromeDevTools lo ayudará a ver el código HTML, JavaScript y CSS de un sitio, averiguar qué fuentes pueden estar consumiendo y cómo verificar el rendimiento de carga de un sitio en el navegador. Todos los principales navegadores web tienen disponible alguna versión de las herramientas del desarrollador.
Construido con
BuiltWith.com es un recurso de nivel profesional que va en los sitios para ver todas las tecnologías que utilizan. Actualmente, cubren más de 673 millones de sitios web y contando. La idea principal detrás del sitio era ayudar a generar clientes potenciales para las personas en las ventas de software.
Las funciones avanzadas solo están disponibles a través de una suscripción paga, pero cualquiera puede ir a BuiltWith.com, ingrese un dirección del sitio web, nombre de la tecnología o palabra clave, y obtenga un perfil tecnológico detallado. Regístrese para obtener una cuenta gratuita y podrá realizar cinco búsquedas detalladas al día.
In_content_1 all: [300x250] / dfp: [640x360]-> Informe del sitio de NetcraftNetcraft ha sido un recurso para desarrolladores web desde 1995. Su experiencia durante 25 años se muestra en la herramienta gratuita Site Report de Netcraft. Combina un informe de tecnología con un informe de antecedentes "quién es el propietario del sitio ", para que pueda obtener una descripción general completa del sitio. Sabrá dónde está alojado y a quién pertenece, además de algo del historial del dominio.
El Informe del sitio de Netcraft parece permitir búsquedas ilimitadas. Aún así, utilícelo solo cuando realmente lo necesite. Es un recurso gratuito y a la comunidad de desarrolladores le gustaría que se mantenga así.
Información de los sitios de W3TechsLa herramienta de información de sitios de W3Techs funciona de manera un poco diferente a la otros. Mantienen un base de datos de información, pero solo en sitios que ya se han buscado a través de la herramienta. Si está comprobando un sitio que no se ha comprobado antes, lo rastreará al instante.
El informe proporcionado es menos exhaustivo que el de otros servicios, pero sigue siendo revelador. Obtendrá qué CMS, lenguajes de programación, servidor web y proveedor de alojamiento utiliza un sitio. W3Techs también proporciona extensiones de navegador para Firefox y Chrome para que pueda consultar sitios con solo un clic o un toque.
WappalyzerSi prefiere tener un complemento del navegador para comprobar las tecnologías de un sitio, Wappalyzer tiene complementos para Firefox, Cromo y Borde. Los complementos son gratuitos, fáciles de usar y tienen un diseño fácil de leer. Si hace clic en cualquier tecnología del informe, verá una explicación, lo cual es excelente si encuentra algo que no ha visto antes.
Wappalyzer ofrece una característica única con la capacidad de crear una alerta para un sitio web. Ellos revisan el sitio a diario y le envían un correo electrónico si detectan un cambio. La alerta requerirá que cree una cuenta gratuita con Wappalyzer y costará 10 créditos por mes.
Pero obtienes 50 créditos gratis cada mes y una alerta solo cuesta 10 créditos por cada 30 días. Por lo tanto, las alertas de Wappalyzer son básicamente gratuitas si está monitoreando 5 sitios o menos.
WebspotterTodos los servicios de Webspotter menos uno son pagos, pero esta bien. Sus Extensión de Chrome Webspotter gratuitos lo compensan. La extensión Webspotter es similar a Wappalyzer, pero tiene algunas características diferentes. Junto a cada tecnología enumerada, hay enlaces a estadísticas sobre la tecnología, una lista de sitios web que utilizan esa tecnología y el sitio web oficial de la tecnología.
Una característica aún más intrigante es la capacidad de Webspotter para extraer contactos de correo electrónico, enlaces de redes sociales, Análisis de SEO y otra información de la empresa de un sitio web. Aunque eso no le dice cómo está creado el sitio, podría ser útil para fines de marketing en línea o incluso para buscar trabajo.
Detector de temas de WordPressQuizás , no está tan interesado en el desarrollo web, pero está creando un sitio de WordPress y le gustaría incluir funciones que ha visto en otros lugares. Descargue el complemento del navegador WordPress Theme Detector Chrome.
El Detector de temas de WordPress no solo le dirá qué Tema de WordPress está usando un sitio, sino que también le dirá qué Complementos de WordPress está usando. También le muestra quién creó el tema o el complemento y proporciona un enlace donde puede obtenerlos. Eso hace que sea tan fácil incorporar elementos en su sitio de WordPress que haya admirado en otros sitios.
Aprenda cómo funcionan los sitios web
Sí, es así de fácil sumergirse en cualquier sitio web en Internet y ver de qué está hecho. Intente utilizar dos o más de estas herramientas, ya que algunas detectarán cosas que otras no. La mayor parte de lo que ve en un sitio se procesa realmente en su computadora. Eso es lo que hace que sea fácil de ver. También es la razón por la que necesita hacer que su sitio web sea lo más seguro posible. Disfrute de su inmersión profunda y háganos saber lo que encuentra o construye.