Cómo ver el código de un sitio web
A lo largo de los años, muchos nuevos diseñadores web se han preguntado si es aceptable ver el código fuente de un sitio y utilizarlo para su educación y, en última instancia, para el trabajo que realizan. Mientras que copiar el código de un sitio al por mayor y hacerlo pasar como propio en un sitio web es ciertamente inaceptable, el uso de ese código como un trampolín para aprender es en realidad cómo se hacen muchos avances en esta industria.
Una cosa que hay que recordar es que los archivos fuente pueden ser muy complicados (y cuanto más complejo sea el sitio web que estás viendo, más complejo será el código de ese sitio). Además de la estructura HTML que compone la página, también habrá CSS (hojas de estilo en cascada) que dictan la apariencia visual de ese sitio. Además, muchos sitios web de hoy en día incluirán archivos de script junto con el HTML.
Es probable que se incluyan varios archivos de script; de hecho, cada uno de ellos impulsa diferentes aspectos del sitio. Francamente, el código fuente de un sitio puede parecer abrumador, especialmente si eres nuevo en esto. No te sientas frustrado si no puedes averiguar lo que está pasando con ese sitio inmediatamente. Ver el código fuente HTML es sólo el primer paso en este proceso. Con un poco de experiencia, empezarás a entender mejor cómo encajan todas estas piezas para crear el sitio web que ves en tu navegador. A medida que te familiarices con el código, podrás aprender más de él y no te parecerá tan desalentador.
Ver fuente de cromo
Aprender es divertido y aprender sobre una página web que te gusta en Internet debería añadir más diversión. ¿Alguna vez te has quedado atónito con un elemento de una página web y te ha interesado saber cómo se ha creado? ¡¡¡No necesitas buscar tus libros de HTML o CSS para eso!!! Los navegadores modernos como Chrome ofrecen herramientas muy fáciles y potenciales para analizar una página web. Esta es una habilidad práctica muy necesaria para analizar la anatomía de una página web.
Puedes aprender cómo el orden de los estilos CSS afectará al aspecto de una página web. Los scripts también se pueden utilizar de diferentes maneras similares al CSS. El código fuente de la página web contiene todos estos componentes y puedes verlos de diferentes maneras.
Para ver el contenido HTML, los estilos internos y en línea de una página web, abra la página web en el navegador Chrome. Haga clic con el botón derecho del ratón en cualquier lugar de la página y seleccione la opción “Ver código fuente de la página”, como se muestra en la imagen siguiente:
Esto abrirá una nueva ventana que mostrará el contenido HTML marcado y los estilos de cada elemento utilizado en esa página web. Algunos sitios le mostrarán una vista de la fuente bastante clara, pero la mayoría de los sitios recientes mostrarán el código fuente sin saltos de línea ni espacios. Esta es una versión minificada y comprimida del código fuente, hoy en día casi todos los sitios web utilizan este formato para reducir el tamaño y mejorar la velocidad de carga de la página.
Obtener la fuente de la página
Resaltar la sintaxis (conmutar)Aplica el resaltado de la sintaxis al código.Cuando el resaltado de la sintaxis está activado, ver la fuente también resalta los errores de análisis en rojo. Al pasar el ratón por encima de los errores se muestra una información sobre la herramienta que explica el error.
Si seleccionas parte de una página web y haces clic en el contexto, verás un elemento del menú contextual llamado “Ver origen de la selección”, que se comporta como “Ver origen de la página”, excepto que sólo ves el origen de la selección.
Ver el origen sólo informa de los errores de análisis, no de los errores de validez del HTML. Por ejemplo, poner un elemento div como hijo de un elemento ul no es un error de análisis, pero no es HTML válido. Por lo tanto, este error no se marcará en la vista de la fuente. Si quieres comprobar que el HTML es válido, debes utilizar un validador de HTML, como el que ofrece el W3C.
View Source utiliza el tokenizador de HTML cuando resalta la fuente XML. Aunque el tokenizador tiene soporte para procesar instrucciones cuando se resalta la fuente XML, esa es la única capacidad específica de XML que se proporciona. Debido a esto, los doctypes que tienen un subconjunto interno no se resaltan correctamente, y las referencias a entidades personalizadas tampoco se resaltan correctamente.
Obtener la página html
</p> <p>Esta propiedad puede utilizarse para recuperar o insertar dinámicamente contenido en una página web. Sin embargo, si se utiliza para hacer algo más allá de la inserción de texto simple, algunas diferencias pueden ocurrir en la forma en que opera a través de diferentes navegadores. Es una buena práctica para probar su sitio web a través de los navegadores y dispositivos, intente ahora.innerHTML fue implementado por primera vez en Internet Explorer 5. Ha sido parte del estándar y existe como una propiedad de HTMLElement y HTMLDocument desde HTML 5.Implementa el atributo innerHTML para obtener la fuente HTML en Selenium con la siguiente sintaxis:Python:element.get_attribute(‘innerHTML’)
