Comment ouvrir rapidement le code de page dans le navigateur, même si la copie est interdite. Comment afficher le code source de la page et le code de l'élément comment déchiffrer le code de la page VK

Regardant par d'innombrables sites sur Internet, vous pouvez trouver de telle sorte que nous aimions beaucoup. Découle immédiatement un certain nombre de questions. Le site est-il effectué à l'aide d'un code auto-écrit ou de tout CMS? Quels sont ses styles CSS? Quelles sont ses balises Meta? Etc.

Il existe de nombreux outils avec lesquels vous pouvez extraire des informations sur le code de page du site. Mais à portée de main, nous avons toujours un bouton droit de la souris. Je vais l'utiliser, sur l'exemple de mon site.

Comment voir le code de page?

Pour afficher le code source de la page Site, vous devez planer le curseur de la souris sur n'importe quelle zone de la page Web (à l'exception des images et des liens). Après cela, cliquez sur le bouton droit de la souris. Nous allons ouvrir une fenêtre avec plusieurs options (dans différents navigateurs, elles peuvent différer légèrement). Dans le navigateur Google Chrome, par exemple, ce sont des équipes:

• dos;
• avant;
• redémarrer;
• enregistrer sous;
• imprimer;
• traduire en russe;
• voir le code de page;
• voir le code.

Nous devons cliquer sur voir le code de pageEt le code de page de site HTML s'ouvre.

Voir les codes de page: Que faire attention?

Ainsi, le code de la page HTML est une liste numérotée de lignes, chacune des informations sur la manière dont ce site est effectué. Pour apprendre rapidement à comprendre cet énorme nombre de signes et de caractères spéciaux, vous devez distinguer différentes sections du code.

Par exemple, les codes intérieurs de l'étiquette de tête contiennent des informations pour les moteurs de recherche et les webmasters. Ils ne sont pas affichés. Ici vous pouvez voir, pour certains mots clés, cette page est promue, car son titre et son description sont écrits. Vous pouvez également trouver un lien ici en allant sur lequel nous apprenons sur les polices Google utilisées sur le site.

Si le site est effectué sur CMS WordPress ou Joomla, il sera également vu ici. Par exemple, des informations sur WordPress Theme ou Site Web sont affichées dans cette zone. Vous pouvez le voir en lisant le contenu des liens mis en évidence en bleu. Dans un lien Modèle de site visible.

Par example:

//font.googleapis.com/css?family\u003dSource+Sans + PRO% 3A400% 2C400IALIC% 2C600 & ver \u003d 4.5.3.

Nous verrons des styles de police de la page CSS. Dans ce cas, la police est utilisée. On peut voir ici - Font-face: 'Source Sans Pro'.

Ce site est optimisé à l'aide de la plaine de référencement Yoast. Ceci est vu à partir de ce code de code commenté:

Ce site est optimisé avec le plugin Yoast SEO V3.4.2 - https://yoast.com/wordpress/plugins/seo/

Toutes les informations à l'intérieur de l'étiquette du corps sont affichées sur le navigateur sur l'écran du moniteur. Nous voyons ici le code de page HTML et, en bas, il existe un code du script métrique Yandex. Il est vêtu d'une étiquette commentée avec du texte:

/Yandex.metrika comptoir.

Résumons

Après avoir dépensé une jolie analyse de surface du site de la page principale du site, on peut en conclure que cette page est faite à l'aide de laquelle des outils. Nous avons vu dessus:

• CMS WordPress;
• Source de police Google Sans Pro;
• le sujet de WordPress - Sydney;
• yoast plugins;
• montre métrique Yandex.

Maintenant, le principe d'analyse de la page du site HTML du site est tout à fait compréhensible. Il n'est pas nécessaire de maintenir la page étudiée ouverte dans le navigateur. Vous pouvez enregistrer la page de la page sur votre ordinateur à l'aide de combinaisons de touches Ctrl + A, CTRL + C, CTRL + V. Insérez-le dans n'importe quel éditeur de texte (meilleur Notepad ++) et enregistrez-le avec l'expansion HTML. Ainsi, vous pouvez l'étudier plus profondément à tout moment et trouver des informations plus utiles pour vous-même.

Le code HTML est essentiellement votre page elle-même, elle indique comment votre site sera construit et affiché sur l'écran de l'utilisateur. En règle générale, ce code est ouvert, c'est-à-dire que tout utilisateur peut le voir sans entrave et lu. Si vous ne voulez personne pour une raison quelconque avait accès à votre code, Vous pouvez . Cela implique la création d'un algorithme spécial qui codes Votre code, c'est-à-dire que son look primaire, ce qui le rend indisponible pour les utilisateurs du site.

Quand et à qui cela pourrait prendre?

Rendre un tel cryptage peut absolument tout webmaster ou propriétaire de site. La question est raisonnable et nécessaire. Par exemple, si vous avez une page d'atterrissage ordinaire faite par le modèle et qui n'est pas différente des autres, il n'ya pas de point dans le codage, car un tel gabarit est donc disponible publiquement. Dans ce cas, il est peu probable que quelqu'un soit effectué de copier et d'apprendre votre code. Mais si vous avez un site qui a un design unique, vous avez travaillé depuis longtemps et à peine sur lui, ou payé beaucoup d'argent pour cela, vous devez toujours penser au code. Il y a des cas très fréquents lorsque le propriétaire dispose d'un site Web dans lequel beaucoup de force, de temps et d'argent ont été investis, et après un certain temps, d'une manière ou d'une autre, il détecte exactement le même site, avec la même conception et la même structure, mais sur un autre domaine et hébergement. Très souvent, les propriétaires de sites en parlent dans les commentaires eux-mêmes. Dans ce cas, nous pouvons conclure en toute sécurité que quelqu'un est simplement code HTML copié Votre site et lancé seul.

Que faire pour vous protéger?

Des situations de copie et d'utilisation sans autorisation du code HTML de quelqu'un d'autre n'est pas si facile à sécuriser. Oui, et en général, si une personne a déjà vu votre site, il sera même en mesure de le dupliquer sans code, sous réserve de certaines connaissances dans le domaine du développement Web. Mais comme pour le code HTML lui-même, il peut être crypté. Cela fonctionne sur la base d'un script JavaScript spécial. Avec l'aide de notre outil vous. Cela crée un script spécial conçu pour le déchiffrement. Cela fonctionne tout simplement simplement: lorsque le visiteur va sur votre site, le code crypté est chargé, ce qui ne pourra pas comprendre. Dans le même temps, le JavaScript créé est lancé, qui déchiffre le code et affiche le site de l'écran de l'utilisateur. Dans le même temps, le visiteur lui-même ne peut pas voir ce code. Cependant, dans cette méthode, il y a un peu d'inconvénient. Il y a des utilisateurs dans les navigateurs qui se voient refuser le début de JavaScript sur le site, dans ce cas, le script ne démarrera pas, respectivement, le code HTML n'est pas déchiffré et le site ne sera pas affiché. Mais il n'est pas nécessaire d'être contrarié, une telle configuration de navigateurs est très rare, nous pouvons dire que le début de JavaScript est autorisé pour 99% des navigateurs.

Comment faire?

Cela se fait très simple, avec l'aide de notre outil. Tout ce que vous devez insérer votre code HTML dans le champ de cette page, puis cliquez sur le bouton pour lancer le cryptage. En conséquence, dans un autre champ, vous recevrez un code crypté pouvant déjà être utilisé directement sur votre site.

Mozilla Firefox ouvre la section "Affichage" de la section et cliquez sur l'élément "Code source". Le même article est dans le menu contextuel qui, si vous cliquez avec le bouton droit de la souris sur le texte de la page. Vous pouvez utiliser les touches CTRL + U. Mozilla Firefox et n'utilise pas de programmes externes - le code source de la page Backlit Syntax sera ouvert dans une fenêtre de navigateur séparée.

Dans le navigateur Internet Explorer, cliquez sur la section "Fichier" et sélectionnez Modifier dans le Bloc-notes. Au lieu du nom Notepad, une autre peut être écrite, vous êtes attribué aux paramètres du navigateur pour afficher le code source. En cliquant sur le bouton droit de la souris, le menu contextuel tombe dans lequel il existe également un élément qui vous permet d'ouvrir le code source de la page dans le programme externe - "Afficher le code HTML".

Dans le navigateur de l'opéra, ouvrez le menu, allez à la section "Page" et vous aurez la possibilité de sélectionner l'élément "Code source" dans la section Outils de développement ou l'élément de code de trame. Cette sélection est attribuée des touches de raccourci Ctrl + U et Ctrl + Maj + U, respectivement. Dans le menu contextuel, attaché à cliquer sur le bouton droit de la souris, il existe également un élément "code source". Opera ouvre la source de la page dans le programme externe, qui est affectée à OS ou dans les paramètres du navigateur pour modifier les fichiers HTML.

Le navigateur Google Chrome sans aucun doute a la meilleure organisation de la visualisation du code source. En cliquant avec le bouton droit de la souris, vous pouvez sélectionner la page pour afficher le code de page, puis la Syntaxe Backlit Source sera ouverte sur un onglet séparé. Vous pouvez choisir dans le même menu "Afficher la ligne de code d'élément" et le navigateur dans le même onglet ouvrira deux cadres supplémentaires dans lesquels vous pouvez inspecter le code HTML et CSS de tout élément de page. Le navigateur répondra au mouvement du curseur sur les lignes de ligne, mettant en surbrillance les éléments de la page correspondant à cette section du code HTML.

Cet article est un ajout à l'article sur la déficit des scripts. Il sera considéré que les principes de base du cryptage et de l'emballage, des points de protection faibles, des méthodes d'élimination manuelles, ainsi que des outils universels de retrait automatique des emballeurs et de la protection articulée à partir de scripts JavaScript. Récemment, le code source des scripts est crypté ou emballé. Yandex, DLE et d'autres projets populaires ont commencé à être emportés et de beaux vélos sur le "soin des utilisateurs", les "économies de trafic" et d'autres non-sens ont l'air très drôle. Eh bien, si quelqu'un a quelque chose à cacher, notre tâche est de les amener à l'eau propre.

Commençons par la théorie. En raison des caractéristiques de l'exécution de JavaScript, toutes les cryls et les emballeurs, malgré leur diversité, n'ont que deux variantes de l'algorithme: ou en option: la deuxième manière est la plus souvent utilisée pour protéger la page de code HTML d'origine, ainsi que différents Troie Pour introduire dans un code malveillant, par exemple, le cadre latent. Les deux algorithmes peuvent être combinés, "Dépannage" et la confusion des DecryR peuvent être utilisées, le principe lui-même reste inchangé.

Dans les deux cas, il s'avère que les fonctions eval () et document.write () Les données entièrement déchiffrées sont transmises. Comment les intercepter? Essayez de remplacer eval () sur le alerte ()Et dans la messagerie -10 "E, lequel vous verrez immédiatement le texte déchiffré. Certains navigateurs vous permettent de copier du texte de MessageBox" OV, mais il est préférable d'utiliser ce décodeur semi-automatique:

1. < html >
2. < head >< title > Décodeur JavaScript.
3. < body >
4. < script type = "text/javascript" >
5. // Fonction d'enregistrement dans les résultats du résultat du journal
6. décodeur de fonction (STR) (
7. Document. GetElementyid ("décodé"). Valeur + \u003d str + "\\ n";
10. < textarea id = "decoded" style = "width:900px; height:500px;" >
11. < script type = "text/javascript" >

Par exemple, prenez un script avec Yandex, en regardant le code source que vous voyez quelque chose de malsain:

Eval (fonction (p, a, c, k, e, r) (e \u003d fonction (c) (retour (c C / a))) + ((C \u003d C% A)\u003e 35? string.fromcharcode (C + 29): C.Tostring (36))); si (!
"" .replace (/ ^ /, string)) (tandis que (c -) r \u003d k [c] || e (c); k \u003d)]; e \u003d fonction () (renvoyer "\\ w +"); C \u003d 1); tandis que (c -) si (k [c])
P \u003d p.replace (nouvelle regexp ("\\ b" + e (c) + "\\ b", "g"), k [c]); retour p) ("$. 1e
.18 \u003d 8 (j) (3 k \u003d j ["6-9"] || "# 6-9"; 3 l \u003d j ["6-l"] || "..ul"; 3 m \u003d J ["6-L-17"]
|| ""; 3 n \u003d j ["1d"] || 0; $ (5) .2 (". 6-9"). 14 ("7"); $ (5) .2 (". 6 -9 "). Z (" 7 ", 8 (
) (3 a \u003d $ (5) .x (); 3 o \u003d $ (5) .x (); 3 h \u003d $ (5) .b ("5) .v (" g -4 "); $ (5) .16 (
$ (k) .q ()); 3 t \u003d $ (O) .2 ("15"); 3 c \u003d (O) .2 (". BR"); 3 D \u003d $ (O) .2 (".b-12");
[Le reste est le même non-sens coupé]

Immédiatement, je dirai que ce script est traité par le compresseur JavaScript, il est facile d'apprendre de la signature - le nom caractéristique de la futuation au début du script. Copiez tout le code source du script, remplacez le premier eval. sur le décodeur., Insérez-le dans le décodeur et enregistrez-le sous la forme d'une page HTML. Dépandez-le dans n'importe quel navigateur et découvrez qu'un script décompressé est apparu dans Textarea. Il est trop tôt pour se réjouir, il a supprimé toutes les lignes et le formatage du code. Comment traiter avec elle est écrit dans l'article sur Deubfuscation.

Le deuxième exemple. Voici une page HTML recouverte de protecteur HTML. Il s'agit d'une page qui démontre les capacités du programme, de sorte que toutes les options sont utilisées ici: bloquer la sélection et la copie du texte, interdit le bouton droit de la souris, protégeant les images, masquant la chaîne d'état, le cryptage du code HTML, etc. . Ouvrez le code source, regardez. Au même sommet déjà familier à la US Document.write et script crypté. Exécutez-le à travers un décodeur, nous obtenons la fonction de déchiffrement du contenu principal:

Code (JavaScript):

1. hp_ok \u003d true; fonction HP_D01 (s) (... CUT ... O \u003d AR. Rejoindre ("") + OS; Document. Écrire (o)

Nous remplaçons le dernier document.Write dans la fonction de décodeur et insérez les trois scripts cryptés restants après:

1. < script type = "text/javascript" >
2. // ici insère un script crypté, pré-
3. // Remplacez tous les appels à Eval () et Document.Write () sur le décodeur ().
4. hp_ok \u003d true; fonction HP_D01 (s) (.... O \u003d AR. Joindre ("") + OS; Décodeur (O);
5. hP_D01 (Unescape ("\u003e QAPKRV% 22nclewc ....
6. hp_d01 (Unescape ( "\u003e Qapkrv% 22nclewceg? Hccqa ...
7. hp_d01 (Unescape ( "\u003e` MF (% 22``MP ?! DDDDDDD% 22V ...

Pour plus de commodité dans l'article, les scripts ne sont pas complètement donnés, vous devez les copier entièrement. Ouvrez un décodeur dans le navigateur et voir les scripts de protection ajoutés par le programme et la page source déchiffrée de la page. Pour plus de commodité, vous ne pouvez déchiffrer que le troisième script, qui contient le code de page HTML. C'est toute la protection. Comme vous pouvez le constater, rien de compliqué. Une autre protection des pages HTML est également supprimée.

À partir du déchiffrement manuel, nous nous tournons vers automatique. Pour supprimer la défense du premier type, j'ai modifié le script JavaScript Beautify déjà connu et le compilé au fichier EXE. Il aboutit avec la protection la plus javascript et les packags avec moi.

Eval.javascript.unpacker.1.1-pcl.rar (12 124 octets)

Pour des cas plus complexes, il devra aller au cours de l'artillerie lourde. Ceci est un projet gratuit conçu pour étudier les chevaux de Troie et d'autres codes malveillants. Étant donné que tous les programmes conçus pour protéger le droit d'auteur sont définitivement malveillants, Malzilla nous aidera dans la lutte contre eux. Télécharger (aujourd'hui c'est 1.2.0), déballer, exécuter. Ouvrez la deuxième onglet Decoder, insérez le script crypté de code sur la fenêtre supérieure, appuyez sur le bouton. Script de lancement..

Dans le dossier eval_temp Il y a tous les résultats des fonctions d'EVAL (), y compris intermédiaire. Vous pouvez les voir en cliquant sur le bouton. Afficher les résultats Eval ()Le texte s'ouvre dans la fenêtre inférieure. Il peut être copié, insérer dans la fenêtre supérieure et formater immédiatement le bouton en appuyant sur le bouton. Code de format.. En plus du décodeur de Malzilla, il existe encore de nombreux outils et paramètres qui vous permettent de supprimer facilement toute protection contre les scripts JavaScript.

Vous pouvez également faire attention à un autre outil gratuit pour travailler avec des scripts cryptés - Funow. Les fonctions de fonction sont plus petites, mais se produisent tout à fait. De l'offsite, vous pouvez télécharger un rouleau de démonstration montrant un exemple de travail avec le programme.

Comme vous pouvez le constater, il n'y a rien de difficile dans l'élimination de la protection contre les scripts JavaScript et des pages HTML. Continuez-vous toujours à défendre vos «droits d'affichage» sales? Ensuite, nous allons à vous!

Sous toutes les belles images effectuées par l'imprimerie et les appels merveilleusement affichés à l'action, le code source de votre site est situé.

Quotidien, ce code Votre navigateur se transforme en pages impressionnantes pour vos visiteurs et vos clients.

Les moteurs de recherche Google et autres "Lisent" ce code pour déterminer où vos pages Web doivent apparaître dans leurs index pour cette requête de recherche.

Par conséquent, très important pour l'optimisation des moteurs de recherche (SEO) a ce qui est dans le code source.

Ce bref guide vous montrera comment lire le code source de votre site afin que vous soyez confiant, dans l'exactitude du référencement et de vous apprendre à vérifier vos conditions de référencement.

Nous examinerons également plusieurs autres situations où la connaissance, la manière de voir et d'explorer les principales parties du code source aidera à une autre recherche marketing.

Comment afficher le code source.

La première étape de la vérification du code source de votre site est de voir le code source réel. Tout navigateur Web vous permet de faciliter la tâche.

Les commandes de clavier suivantes sont répertoriées pour afficher le code source de votre page Web pour Pc. et MAC..

• Firefox - Ctrl + U (maintenez la touche CTRL enfoncée, appuyez sur la touche "U") en plus, vous pouvez accéder au menu "Firefox", puis cliquez sur "Développeur Web", puis sur "Code de la source de la page".
• Internet Explorer - Ctrl + U. ou cliquez avec le bouton droit de la souris et sélectionnez "View Source".
• Chrome - Ctrl + U. Vous pouvez cliquer sur l'image de la touche avec trois lignes horizontales dans le coin supérieur droit. Cliquez ensuite sur "Outils" et sélectionnez "View Source".
• Opera - Ctrl + U. Vous pouvez également cliquer avec le bouton droit de la souris sur une page Web et sélectionner "Afficher le code de page source".

Mac

• Safari - Combinaison de l'option + Commande + US Touches. Vous pouvez également cliquer avec le bouton droit de la souris sur la page Web et sélectionner "Afficher la source de la page".
• Firefox - Vous pouvez cliquer avec le bouton droit de la souris et sélectionnez "Source Text" ou vous pouvez passer au menu "Service", sélectionnez "Développeur Web", puis cliquez sur "Source de la page". Ctrl + U. Combinaison de clé
• Chrome - Allez à "Afficher", puis cliquez sur "Développeur", puis sur "View Source". Vous pouvez également cliquer avec le bouton droit de la souris et sélectionnez "Afficher le code de page source". La combinaison de l'option + commande + U. clés.

Une fois que vous savez comment afficher le code source, vous devez savoir comment effectuer la recherche.

En règle générale, les mêmes fonctions de recherche que vous utilisez lors de la vue Pages Web normale sont appliquées à la recherche dans le code source.

Commandes, Ctrl + F (Rechercher) vous aidera à afficher rapidement le code source des éléments importants SEO.

Tags titres.

La balise de titre est l'élément le plus important du référencement. C'est la chose la plus importante dans le code source.

Si vous ne prenez qu'une chose précieuse de cet article, faites attention à cette question:

Vous savez, les résultats de Google fournissent lorsque vous recherchez quelque chose.

Tous ces résultats sont extraits des balises des pages Web. Donc, si vous n'avez pas d'en-têtes de balises dans le code source, vous ne pouvez pas apparaître dans Google (ni dans un autre moteur de recherche).

Croyez ou non, j'ai vu des sites Web sans étiquettes de titres. Essayons de faire une recherche rapide dans Google pour le terme " Guides de marketing". Ce que nous voyons sont:

Vous pouvez voir le premier résultat de la recherche pour le blog Kissmetrics. section Guides de marketing.

Si nous passons à la première référence des résultats de la recherche et affichez le code source de la page, vous pouvez voir la balise Titre:

La balise de titre est désignée par la machine de découverte: