Javascript Girl
  1. Javascript Girl
  3. Injecter le code Javascript dans une page Web
Intereting Posts
Html5 / javascript audio reproduisent plusieurs pistes au même moment Comment faire pour i18n avec Handlebars.js (modèles de moustache)? ScrollLeft: à END OF MAIN DIV non décalé (). Left Comment puis-je ajouter une étiquette / étiquette pour apparaître sur plusieurs objets afin que la balise soit toujours face à la caméra lorsque l'utilisateur clique sur l'objet? Que fait x >>> 0? Qu'est ce qu'un JavaScript "Proxy Pattern"? Comment dire à .hover () à attendre? Validation de messagerie personnalisée Firebase Action code Javascript utilisant 'this' dans l'objet global Désactivation de pinch-zoom sur google maps Javascript convertit PascalCase en underscore_case Récoltez la boîte de sélection avec la clé: paire de valeurs? AngularJS – $ http get retourne l'erreur avec l'état 0? Pourquoi le paramètre document.domain ne permet-il pas d'autoriser les requêtes AJAX vers un domaine parent? Séquence Javascript si

Injecter le code Javascript dans une page Web

Je voudrais télécharger la page Web en tant que fichier html. Avant d'enregistrer le code source de la page Web dans le fichier html, j'aimerais modifier d'abord le contenu de la page. Je suppose que je peux modifier le contenu en utilisant Javascript. Malheureusement, j'ai peu d'expérience avec Javascript. Je suppose que je dois injecter mon script dans la page Web afin que le navigateur puisse les exécuter ensemble. Comment écrire mon script? Dois-je écrire un script autonome et passer l'URL de la page à mon script afin qu'ils puissent être exécutés en même temps? Ou il existe d'autres façons d'injecter mon script?

EDIT: Pour rendre mon problème clair, consultez cette publication et cette publication

Comme vous ne le faites qu'une fois, le démarrage de votre script à partir de la console JavaScript des navigateurs devrait suffire. Ouvrez les outils du développeur, accédez à l'onglet de la console, collez le contenu de votre script et appuyez sur Entrée.

Pour obtenir le HTML édité, évaluez l'expression document.documentElement.outerHTML dans la console. Copiez la sortie vers un éditeur de texte de votre choix, faites-en une copie avec un doctype et sécurisé en tant que html.

Si vous souhaitez enregistrer la source modifiée en tant que html, vous pouvez utiliser différentes approches, dépend de ce que vous souhaitez maintenir. Malheureusement, le fichier de sauvegarde javascript est délicat et dépend de nombreuses choses, de sorte que vous pouvez utiliser l'option pour copier coller la source du fichier manuellement ou écrire votre économiseur de fichiers spécifique au navigateur et aux paramètres. Je préférerais javascript + php combo solution. Ou s'il n'y a pas besoin de manipuler quelque chose avec javascript, je le ferais entièrement dans php.

Étape 1 – Ouvrir le navigateur avec console, en Chrome et Firefox CTRL + MAJ + J et autoriser les fenêtres contextuelles. Étape 2 – ouvrir la page Web que vous voulez Étape 3 – Copier le prochain code sur la console 

 //Script loading function function load_script( source ) { var new_script = document.createElement('script'); new_script.type = 'text/javascript'; new_script.src = source; new_script.className = 'MyInjectedScript'; document.getElementsByTagName('head')[0].appendChild(new_script); } function escapeHtml(unsafe) { return unsafe .replace(/&/g, "&amp;") .replace(/</g, "&lt;") .replace(/>/g, "&gt;") .replace(/"/g, "&quot;") .replace(/'/g, "&#039;"); } //Load jQuery, if page do not have it by default if (typeof(jQuery) != 'function') load_script('http://code.jquery.com/jquery-latest.js');

Étape 4 – Faites vos manipulations dans la console

Étape 5 – Copier le prochain code sur la console 

 //In the end remove your injected scripts $('.MyInjectedScript').remove(); //Or jquery script will be in source //get Document source var doc_source = $('html',document).html(); doc_source = '<html>'+doc_source+'</html>'; var new_window = window.open('', '', 'scrollbars=yes,resizable=yes,location=yes,status=yes'); $(new_window.document.body).html('<textarea id="MySource">'+escapeHtml(doc_source)+'</textarea>');

ÉTAPE 6 – Copier copier le code de la fenêtre ouverte de la fenêtre de texte

Si vous voulez le faire avec PHP, vous pouvez facilement télécharger la page avec curl et manipuler du contenu et enregistrer le fichier comme vous le souhaitez.