Code source du script. Comment intégrer du code JavaScript dans une page HTML. Pourquoi nous pourrions avoir besoin d'étudier le code source

Clause de non-responsabilité!

Ce que vous verrez à l'intérieur de la source est le code de merde le plus féroce qu'il est conseillé de ne pas utiliser dans vos projets afin d'éviter tous les problèmes auxquels j'ai moi-même été confronté. Si, bien entendu, étant une personne immortelle, vous décidez d'utiliser mon code dans vos projets, alors je vous préviens que je décline toute responsabilité quant à son utilisation et aux problèmes que vous pourriez rencontrer. Lors de la présentation de vos différentes modifications, le cas échéant, changez leur nom, car les outils de police existent toujours et sont pris en charge par le développeur. Il est recommandé de prendre de telles choses au sérieux, car personne n'est assuré contre Takedown, et j'ai l'intention de protéger les droits d'auteur de mon produit jusqu'à la fin de ce support de script. . Merci de votre compréhension !

Bonne étude !

Moment le plus agréable de la journée,messieurs LUA "shniki... Aujourd'hui, 1er janvier 2019, je voudrais vous présenter le code source complet de mon script. Outils de police... Pour que les gens ne courent pas pour créer leurs propres copies de mon idée originale, je dirai que cette version est suffisamment ancienne pour que ses systèmes ne représentent plus une menace pour mon projet principal. Je dois dire tout de suite que je poste ce projet ici, car Je veux aider les gens qui veulent apprendre LUA, à apprendre. Il n'est pas stupide de copier le code, de changer le nom et de faire passer le projet pour le sien, c'est-à-dire pour acquérir des connaissances. Moi, comme personne d'autre, je comprends ce que cela signifie de repartir complètement de zéro, sans avoir un plus ou moins bon exemple sous la main. Aussi, je ne dirai pas que ce projet est merveilleux. J'ai commencé à l'écrire en 2017 année, alors je commençais moi-même à faire des scripts sur LUA, il peut y avoir des systèmes terribles.

Une grande partie du code est commentée, vous n'avez même pas besoin de la regarder, j'ai eu la flemme de la découper.


Je vous recommande de lire ce sujet dans son intégralité, sinon vous ne comprendrez probablement rien à l'ouverture du code source. Prêt à lire ? J'espère que votre réponse est oui. Commençons.


La source elle-même se compose de certaines choses qui sont très difficiles à maîtriser pour les débutants :


Fenêtres et superpositions ImGUI [interface principale]
Mise en réseau [requêtes asynchrones / requêtes HTTP normales]
Travailler avec INI-configs [paramètres de script]
Travailler avec des dialogues à plusieurs étapes [interface supplémentaire]
Travailler avec des expressions régulières [motif lua]
Un peu de travail avec SAMP LUA.


Discutons maintenant des parties problématiques de ma source :


Code très confus, car Je l'ai écrit pendant presque trois ans, que Dieu le bénisse.
Beaucoup de commentaires, qui en fait n'ont aucun sens et étaient des marques.
Dans certains endroits, un grand nombre de lignes au lieu d'une possible, mais ce n'est pas critique.


Si nous parlons des avantages, nous pouvons souligner les points suivants :

10k de code propre + 3k de plus de commentaires parfois utiles.
Des systèmes privés, pour lesquels j'ai déjà dépensé mon argent durement gagné.
Des systèmes solides pouvant servir de source de fonctions réseau.


Je vais également simplifier votre tâche et lister les fonctions intéressantes :

Relecture automatique de l'arme.

Peut être trouvé dans le commentaire principal [WEAPON_FUNCTION_BEGIN].​

Système de requête asynchrone en boucle légèrement retravaillé.

Peut être trouvé via la recherche, fonction [loop_async_http_request].​

Un système de chat intrascript à part entière sur la fonction ci-dessus.

Se trouve sur la ligne [3985] ou par clé. le mot [getmsg2.php].​

Une base de données à part entière du ministère de l'Intérieur servira d'exemple.

Se trouve sur la ligne [8124] ou par clé. le mot [cmd_database].​

Système complet de reliure en script avec étiquettes.

Mini MVDHelper, comme beaucoup le croient, peut être trouvé tout au long du script.


Cette source utilise les bibliothèques suivantes :

Samp.lua
cher imgui
Mémoire
encodage [pour ImGUI, respectivement]​



Peut-être que je vais ajouter des informations utiles et utiles à ce sujet. Une information intéressante... Vous comprenez que la nuit après la nouvelle année est toujours difficile. Si j'ai oublié d'ajouter quelque chose et que vous l'avez trouvé dans la source, puis écrivez dans le sujet, je vous serai très reconnaissant. J'espère qu'avec mon code source, je pourrai aider au moins quelqu'un qui commence à étudier LUA, ou qui essaie d'écrire son premier script. Si vous avez des questions sur la source, vous pouvez également les poser dans ce fil. Si vous souhaitez laisser un avis, n'hésitez pas, tout le sujet est à votre disposition. Et permettez-moi de vous rappeler encore une fois que j'ai commencé à écrire ce script lorsque j'étudiais, donc vous ne devriez pas trop le critiquer. Nous sommes tous humains, nous faisons tous des erreurs d'une manière ou d'une autre. Demande énorme, créez des scripts uniques, ne répétez pas après les autres, à moins, bien sûr, que vous n'appreniez pas de l'exemple de quelqu'un d'autre. N'oubliez pas que si quelque chose ne fonctionne pas pour vous, essayez plus loin - un jour, tout ira certainement si vous n'abandonnez pas. N'essayez pas de fermer votre code, laissez les gens voir ce que vous pouvez faire. Après tout, c'est la seule façon de vous reconnaître en tant que personne capable d'écrire du code et n'ayant pas peur de le montrer. Je comprends que je suis loin d'être le premier à publier un énorme projet, mais j'espère aussi que je ne suis pas le dernier à le faire. Eh bien, Pavel Garson a été en contact avec vous, étudiez et vous obtiendrez tout ce que vous voulez. Et oui, je fournis cette source pour examen, et non pour copie impudente. Si vous copiez, écrivez où vous l'avez obtenu. Et donc merci, tout.


En fait, je pense que vous ne vous souciez absolument pas de ce que j'ai écrit ci-dessus, vous cherchez juste la source.
Un immense respect pour les personnes qui ont lu l'intégralité du texte que j'ai trouvé après NG =))

As-tu déjà voulu te cacher de étrangers sur votre page un script qui implémente une apparence irréaliste du menu ou effectue d'autres actions que vous ne voudriez pas voir bientôt sur un site sur deux ?
Si oui, la méthode décrite dans cet article vous sera utile avec l'obscurcissement du code. En même temps, je ferai une réserve tout de suite que la méthode n'est pas à 100 pour cent, mais elle peut protéger de la plupart des non-professionnels et de certains professionnels.

Théorie

Disons que nous avons une page nojs.php avec un script secret.js qui doit être caché. Le navigateur et l'utilisateur peuvent obtenir le script du serveur des manières suivantes :
  1. Chargement d'un script directement placé sur la page ou chargé à l'aide du DOM ;
  2. Affichage du script dans la fenêtre Code source de la page;
  3. Enregistrement d'une page avec tous les fichiers sur le disque dur ;
  4. Saisie d'une URL directe dans la barre d'adresse.
Dans le premier cas, le navigateur doit passer l'entête HTTP HTTP_REFERER.
Dans les deuxième et troisième cas, il n'est pas transmis par tous les navigateurs (Chrome, FireFox émettent le script précédemment chargé depuis le cache ; Opera, IE télécharge à nouveau le script, mais sans envoyer de référent).
Dans le quatrième cas, le référent n'est passé par aucun des quatre navigateurs.
Si nous émettons JavaScript dynamiquement avec une vérification de la présence de l'en-tête de référence dans la requête, nous nous protégerons immédiatement d'Opera et d'IE, mais pour Crome et Firefox, nous devrons trouver quelque chose de délicat. Nous allons d'abord télécharger un script, qui à son tour téléchargera un autre script, tandis que les deux téléchargements seront vérifiés pour la présence de http-referer. Il a été scientifiquement établi que si vous créez dynamiquement un script sur la page document.createElement ("script"), puis le supprimez de la page, le script fonctionnera comme d'habitude, mais il ne sera pas enregistré.

S'entraîner

nojs.php
Cette page a pour but de télécharger script1.php
Trouver JS
Après 10 secondes, vous devriez voir le travail du script caché sous la forme d'une allergie, cliquez sur le lien après l'alerte, afin de vous assurer que les événements ne se sont pas déroulés non plus. Par ce lien, vous pouvez voir le script caché
script1.php
Sa tâche est de charger dynamiquement script2.php s'il y a un en-tête de référence. Les délais d'attente peuvent être réduits, en fonction du temps d'exécution approximatif du script masqué.
script2.php
Sa tâche : émettre le script final s'il y a un en-tête référent

Résultats

En conséquence, nous obtenons que nous ne pouvons ni visualiser la page dans le code source, ni télécharger, ni enregistrer le script caché au moyen des quatre navigateurs testés. En général, vous pouvez le visualiser de deux manières :
  • Suivez le lien menant directement à script2.php et situé sur la page de notre site ;
  • Formation d'une requête http avec l'en-tête de référence qui y est spécifié.
Vous pouvez augmenter l'efficacité de la dissimulation par les méthodes suivantes :
  1. En utilisant mod-rewrite, remplacez script1.js et script2.js en allant sur le serveur par script1.php et script2.php, respectivement, afin que la page contienne des fichiers js familiers pour tout le monde, puisque php est frappant ;
  2. Rendre le script fictif aussi complexe, crédible et confus que possible, afin que la personne qui essaie de le démonter souffre beaucoup avant de se rendre compte qu'elle a été trompée ;
  3. Obfuscation du code.
Natasha 31 octobre 2011 à 03:10

JavaScript : Cachez le script des regards indiscrets

  • Débarras *

Avez-vous déjà voulu cacher aux étrangers sur votre page un script qui implémente une apparence irréaliste d'un menu ou qui effectue d'autres actions que vous ne voudriez pas voir bientôt sur un site sur deux ?
Si oui, la méthode décrite dans cet article vous sera utile avec l'obscurcissement du code. En même temps, je ferai une réserve tout de suite que la méthode n'est pas à 100 pour cent, mais elle peut protéger de la plupart des non-professionnels et de certains professionnels.

Théorie

Disons que nous avons une page nojs.php avec un script secret.js qui doit être caché. Le navigateur et l'utilisateur peuvent obtenir le script du serveur des manières suivantes :
  1. Chargement d'un script directement placé sur la page ou chargé à l'aide du DOM ;
  2. Affichage du script dans la fenêtre Code source de la page;
  3. Enregistrement d'une page avec tous les fichiers sur le disque dur ;
  4. Saisie d'une URL directe dans la barre d'adresse.
Dans le premier cas, le navigateur doit passer l'entête HTTP HTTP_REFERER.
Dans les deuxième et troisième cas, il n'est pas transmis par tous les navigateurs (Chrome, FireFox émettent le script précédemment chargé depuis le cache ; Opera, IE télécharge à nouveau le script, mais sans envoyer de référent).
Dans le quatrième cas, le référent n'est passé par aucun des quatre navigateurs.
Si nous émettons JavaScript dynamiquement avec une vérification de la présence de l'en-tête de référence dans la requête, nous nous protégerons immédiatement d'Opera et d'IE, mais pour Crome et Firefox, nous devrons trouver quelque chose de délicat. Nous allons d'abord télécharger un script, qui à son tour téléchargera un autre script, tandis que les deux téléchargements seront vérifiés pour la présence de http-referer. Il a été scientifiquement établi que si vous créez dynamiquement un script sur la page document.createElement ("script"), puis le supprimez de la page, le script fonctionnera comme d'habitude, mais il ne sera pas enregistré.

S'entraîner

nojs.php
Cette page a pour but de télécharger script1.php
Trouver JS
Après 10 secondes, vous devriez voir le travail du script caché sous la forme d'une allergie, cliquez sur le lien après l'alerte, afin de vous assurer que les événements ne se sont pas déroulés non plus. Par ce lien, vous pouvez voir le script caché
script1.php
Sa tâche est de charger dynamiquement script2.php s'il y a un en-tête de référence. Les délais d'attente peuvent être réduits, en fonction du temps d'exécution approximatif du script masqué.
script2.php
Sa tâche : émettre le script final s'il y a un en-tête référent

Résultats

En conséquence, nous obtenons que nous ne pouvons ni visualiser la page dans le code source, ni télécharger, ni enregistrer le script caché au moyen des quatre navigateurs testés. En général, vous pouvez le visualiser de deux manières :
  • Suivez le lien menant directement à script2.php et situé sur la page de notre site ;
  • Formation d'une requête http avec l'en-tête de référence qui y est spécifié.
Vous pouvez augmenter l'efficacité de la dissimulation par les méthodes suivantes :
  1. En utilisant mod-rewrite, remplacez script1.js et script2.js en allant sur le serveur par script1.php et script2.php, respectivement, afin que la page contienne des fichiers js familiers pour tout le monde, puisque php est frappant ;
  2. Rendre le script fictif aussi complexe, crédible et confus que possible, afin que la personne qui essaie de le démonter souffre beaucoup avant de se rendre compte qu'elle a été trompée ;
  3. Obfuscation du code.

Nous avons publié un nouveau livre « Le marketing de contenu dans réseaux sociaux: Comment entrer dans la tête des abonnés et tomber amoureux de votre marque."

Le code source du site est une collection de balises HTML, Styles CSS et les scripts JavaScript que le navigateur reçoit du serveur Web.

Plus de vidéos sur notre chaîne - apprenez le marketing Internet avec SEMANTICA

Il peut être comparé à un ensemble de commandements donnés aux soldats par le commandant. Imaginez que le public ne puisse ni voir ni entendre le patron. De leur point de vue, les militaires effectuent des actions de manière indépendante. Dans notre cas, le commandant est le navigateur, les commandes sont le code source et les soldats en marche sont le résultat final.

Le site est stocké sur un serveur web qui envoie la page à la demande de l'utilisateur. Une demande consiste à saisir une URL dans une barre d'adresse, à cliquer sur un lien ou à cliquer sur un bouton d'envoi d'un formulaire. Peu importe la langue dans laquelle les pages Web sont écrites, qu'elles incluent partie logicielle... Le résultat final de tout algorithme côté serveur est un ensemble de balises html et de texte.
Le code source d'une page est un ensemble de données qui comprend :

  • balisage html ;
  • feuille de style ou lien de fichier ;
  • programmes écrits en JavaScript ou des liens vers des fichiers avec du code.

Ces trois sections sont gérées par le navigateur. Pour le serveur, il s'agit simplement d'un texte qui doit être envoyé en réponse à une requête.

Pourquoi nous pourrions avoir besoin d'étudier le code source

Tout ce que nous voyons, nous pouvons l'analyser et l'appliquer pour résoudre certains problèmes qui surviennent au cours du travail avec le site, en particulier lors de son optimisation. En regardant le code source, on peut :

  • Consultez les balises META de votre propre site ou de celui de quelqu'un d'autre pour les analyser.
  • Voir la présence ou l'absence de certains éléments sur le site : compteurs, codes d'identification dans différents systèmes, certains scripts et plus encore.
  • Découvrez les paramètres des éléments : tailles, couleurs, polices.
  • Trouvez le chemin d'accès aux photos et autres éléments sur la page.
  • Explorez les liens de la page.
  • Trouver des problèmes de code qui interfèrent avec le processus d'optimisation du site : non signalés dans fichiers séparés styles, scripts, code invalide.

Ce sont des fonctionnalités de base, mais en fait, en sachant lire le code, vous pouvez en apprendre beaucoup plus sur la page.

Comment afficher le code source du site

Entièrement sous la forme sous laquelle il est affiché sur le serveur, cela ne peut pas être fait à partir du navigateur. Mais vous pouvez voir tout le balisage en cliquant avec le bouton droit sur la page. Ci-après sur exemple Google Chrome.

Nous sélectionnons l'option "Afficher le code de la page" et obtenons la liste complète dans un onglet séparé.

C'est juste du texte qui devra être analysé pour comprendre. Mais vous pouvez obtenir du code interactif à l'aide des outils de développement.

Comment trouver le code source d'une page de site

Cliquez sur l'icône de menu dans le navigateur. Le plus souvent, il se trouve à droite et ressemble à trois points ou rayures.

Au chapitre outils supplémentaires sélectionnez "Outils de développement".

Une fenêtre s'ouvrira montrant l'état actif du code. Cela signifie que lorsque vous cliquez sur le balisage, le style de l'élément sera affiché à côté et les blocs sélectionnés seront mis en surbrillance sur la page.

Dans l'onglet "Source", vous pouvez visualiser le contenu de certains fichiers : scripts, polices, images.

La vérification du certificat du site est disponible dans l'onglet "Sécurité".

L'onglet « Audits » permettra de vérifier la ressource publiée sur l'hébergement.

Si l'emplacement du panneau à droite n'est pas pratique, vous pouvez cliquer sur trois points et le modifier en sélectionnant l'élément souhaité.

Comment afficher les balises META

Chaque document html inclut des balises de structure. Voici quelques-uns d'entre eux :

  1. Html - document entier.
  2. Head - section des en-têtes de service.
  3. Titre - titre de la page (affiché sur l'onglet).
  4. Corps - le corps du document.
  5. H1-H6 - en-têtes du texte de la page.
  6. Article - article.
  7. Section - section.
  8. Menu - menu.
  9. Div - bloc.
  10. L'étendue est une chaîne.
  11. P - paragraphe.
  12. Tableau - une table.

Les éléments sont destinés à la délimitation logique des sections sur la page ; si nécessaire, ils sont stylisés. Ils contiennent du texte qui est en quelque sorte visible sur la page. Mais la balise Head contient des informations de service... Les balises méta sont utilisées pour l'indiquer. Tout ce qui y est écrit est destiné au serveur et aux moteurs de recherche.

Il est impossible de connaître leur contenu d'une autre manière.

Faisons attention à la balise Link. Avec son aide, des liens vers des fichiers d'inclusion externes sont spécifiés. Si vous le souhaitez, vous pouvez voir le contenu et l'enregistrer sur le disque. Pour ce faire, placez le pointeur sur l'adresse et appuyez sur RMB. Sélectionnez "Ouvrir dans un nouvel onglet".

Le fichier spécifié s'ouvrira dans un nouvel onglet et pourra être affiché ou enregistré.

Comment afficher le code source d'une page pour déboguer un script

Dans ce cas, il est plus pratique d'ouvrir la page sur la machine locale. Si vous n'avez besoin que de corriger le balisage, les styles et les scripts, vous pouvez le faire directement à partir du dossier. Le code html est visualisé de la même manière. Cependant, des erreurs de code JavaScript peuvent être vues dans l'onglet "Console". Il affiche une description de l'erreur et le numéro de la ligne sur laquelle elle s'est produite.

La syntaxe peut être vue directement dans le code. L'onglet "Source" est prévu pour cela.

Comment afficher le code d'un article spécifique

Pour les grandes pages avec beaucoup d'éléments, c'est difficile à trouver code requis dans tous les balisages. Dans ce cas, vous devez utiliser une commande spéciale du menu contextuel. Passez la souris sur le fragment et appuyez sur RMB. Sélectionnons la commande "Afficher le code".

La même fenêtre s'ouvrira, mais avec le focus sur l'objet sélectionné.

Sommaire

Nous vous avons dit quel est le code source de la page. Il suffit de maîtriser les connaissances de base en HTML et CSS, et en utilisant des outils de développement pratiques, vous pouvez déboguer vos propres documents html.

Parcourir le code de la ressource sur Internet vous permettra d'apprendre non seulement de votre propre expérience, mais également d'utiliser des exemples concrets. Et pour les seo-spécialistes, les balises méta seront utiles, les informations dans lesquelles peuvent en dire long sur le site.