Este artículo se aplica a los siguientes escenarios
El líder señaló una página web y dijo, esto es bueno, y nuestra página también está hecha de acuerdo con este diseño y estilo. En este momento, es bastante laborioso escribir directamente en html + css + js. La forma más rápida es, por supuesto, copiar la página web directamente. Este artículo no necesita otras herramientas, solo use las dos funciones del navegador "guardar página como" y "ver código fuente de la página" para obtener la copia de la página web, el resultado demuestra que independientemente de la función js, solo mire la apariencia de la página web, es completamente igual De la pagina.
por ejemplo
Tome la siguiente página web como ejemplo: el diseño es simple, pero debe escribirlo desde cero y la depuración llevará mucho tiempo.
Haga clic con el botón derecho en la página, vea el código fuente de la página.
La nueva pestaña del navegador abrirá archivos html completos,
copie todo el contenido html a testindex.html, este documento es nuestra página web. Eliminamos el archivo css y el directorio del archivo js introducido en el cuadro rojo ../../, esto nos sirve para crear un directorio conveniente, luego de la modificación, solo necesitamos crear un directorio común en el mismo nivel de directorio de testindex.html, evitando testindex. Cree un directorio fuera del directorio donde se encuentra html.
Haga clic en los nombres de los archivos js y css en la página de código fuente de la página y el archivo js se abrirá en una nueva pestaña, como se muestra a continuación. Si copia el contenido del archivo js css en el archivo correspondiente, algunos caracteres confusos afectarán la visualización final y mi prueba falló.
Para lograr el archivo js y css deseado con "Guardar página como" para obtener
la carpeta de archivos, hay flechas que apuntan a todos los js y css testindex.html necesitan
establecer las necesidades de js y css en el directorio de catálogo testindex.html, copie el archivo correspondiente entre
y abra el navegador testindex.html
encontrado La parte china está distorsionada, la conversión del archivo UltraEdit se
completa de nuevo, la pantalla china es normal. La ventana emergente se debe al problema de interacción entre js y servicios en segundo plano. Solo copiamos la apariencia, por lo que este problema no necesita ser tratado. Puedes comentar el archivo js correspondiente a la acción más adelante.
Todavía es malo que la imagen no se pueda mostrar. La posición relativa de la imagen se configura en Login.css. La
URL de la imagen se puede adivinar a través de la posición relativa. El navegador abre la URL para
descargar la imagen y ponerla en el directorio. Al mismo tiempo, modifique el directorio de la imagen en css a url ("img / frame / banner.jpg "),
Actualice el navegador y compruebe que la imagen también se haya cargado correctamente. Otras imágenes se tratan igual
para resumir
Solo las funciones "Guardar página como" y "Ver código fuente de la página" del navegador pueden lograr el propósito de copiar la apariencia de una página web.
Si usa Guardar página como, también puede guardar la mayoría de los elementos de la página, pero la estructura del directorio del archivo será muy desordenada y habrá ubicaciones de directorio confusas en el archivo principal, lo que no es propicio para el mantenimiento y la administración posteriores. Por lo tanto, se recomienda que el archivo principal sea el código fuente de la página directamente copiado, y la ubicación de los archivos de imágenes, css y js también debe establecerse manualmente, para que la estructura del proyecto sea razonable y clara, y el mantenimiento posterior sea conveniente.
De hecho, no es necesario descargar imágenes. Es imposible utilizar las imágenes originales de otras personas en nuestras páginas web. Si crea sus propias imágenes y las coloca en el directorio correcto, la página mostrará nuestras propias imágenes.
El archivo js implica la interacción con el servicio en segundo plano, solo necesitamos imitar la apariencia y todos los archivos js importados pueden ser comentados.