Cet article s'applique aux scénarios suivants
L'animateur a pointé du doigt une page Web et a dit, c'est bien, et notre page est également faite selon cette mise en page et ce style. Pour le moment, il est assez laborieux d'écrire directement en html + css + js. Le moyen le plus rapide est bien sûr de copier directement la page Web. Cet article n'a pas besoin d'autres outils, il suffit d'utiliser les deux fonctions «enregistrer la page sous» et «afficher le code source de la page» du navigateur pour obtenir la copie de la page Web, le résultat prouve que quelle que soit la fonction js, il suffit de regarder l'apparence de la page Web, c'est complètement la même De la page.
par exemple
Prenons l'exemple de la page Web suivante: la mise en page est simple, mais vous devez l'écrire à partir de zéro et le débogage prendra beaucoup de temps. 
Cliquez avec le bouton droit de la souris sur la page, affichez le 
nouvel onglet du navigateur de code source de la page pour ouvrir un fichier html complet, 
copiez tout le contenu html dans testindex.html, ce document est notre page Web. Supprimez le fichier css et le répertoire du fichier js introduit dans la case rouge ../../, il s'agit pour nous de créer un répertoire pratique, après la modification, il suffit de créer un répertoire commun dans le même niveau de répertoire de testindex.html, en évitant de testerindex. Créez un répertoire en dehors du répertoire où se trouve html. 
Cliquez sur les noms de fichier js et css sur la page de code source de la page, et le fichier js sera ouvert dans un nouvel onglet, comme indiqué ci-dessous. Si vous copiez le contenu du fichier js css dans le fichier correspondant, certains caractères déformés affecteront l'affichage final et mon test a échoué. 
Pour obtenir les fichiers js et css souhaités avec le "Enregistrer la page sous" pour obtenir 
le dossier de fichiers, il y a des flèches pointant tous les js et css testindex.html besoin 
d'établir les besoins js et css dans le répertoire de catalogue testindex.html, copiez le fichier correspondant aller 
et ouvrir le navigateur testindex.html 
trouvé que la partie chinoise est déformée, la conversion de fichier La conversion UltraEdit se 
termine la réouverture, l'affichage chinois normal. Le pop-up est dû au problème d'interaction entre js et les services d'arrière-plan. Nous ne copions que l'apparence, donc ce problème n'a pas besoin d'être traité. Vous pouvez commenter le fichier js correspondant à l'action plus tard. 
Il est toujours mauvais que l'image ne puisse pas être affichée. La position relative de l'image est configurée dans Login.css. L' 
URL de l'image peut être devinée par la position relative. Le navigateur ouvre l'URL pour 
télécharger l'image et la placer dans le répertoire. En même temps, modifiez le répertoire de l'image en css en url ("img / frame / banner.jpg "),
Actualisez le navigateur et vérifiez que l'image est également chargée avec succès. Les autres images sont traitées de la même manière
Pour résumer
Seules les fonctions "Enregistrer la page sous" et "Afficher le code source de la page" du navigateur peuvent permettre de copier l'apparence d'une page Web. Il n'est pas certain que cela soit possible pour toutes les pages Web.
Si vous utilisez Enregistrer la page sous, vous pouvez également enregistrer la plupart des éléments de la page, mais la structure des répertoires du fichier sera désordonnée et il y aura des emplacements de répertoire brouillés dans le fichier principal, ce qui n'est pas propice à la maintenance et à la gestion ultérieures. Par conséquent, il est recommandé que le fichier principal soit le code source de la page qui est directement copié, et l'emplacement des fichiers images, css et js doit être défini manuellement par vous-même, afin que la structure du projet soit raisonnable et claire, et que la maintenance ultérieure soit pratique.
Les images n'ont pas besoin d'être téléchargées. Il est impossible d'utiliser les images originales d'autres personnes sur nos pages Web. Si vous créez vos propres images et les placez dans le bon répertoire, la page affichera nos propres images.
Le fichier js implique une interaction avec le service d'arrière-plan. Il suffit d'imiter l'apparence et tous les fichiers js importés peuvent être commentés.