Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Atteint de JavaScriptite Aiguë [Cyril Durand]

Expert ASP.net Ajax et WCF, Cyril Durand parle dans son blog de point techniques sur ASP.net, ASP.net Ajax, JavaScript, WCF et .net en général. Cyril est également consultant indépendant, n'hésitez pas à le contacter pour de l'assistance sur vos projets

Actualités

  • Blog de Cyril DURAND, passionné de JavaScript, Ajax, ASP.net et tout ce qui touche au developpement Web Client-Side.

    N'hésitez pas à me contacter pour vos projets .net : architecture, accompagnement, formation, ...

    View Cyril Durand's profile on LinkedIn
    hit counters


    Expertise Commerce server et BizTalk

Obtenir la vrai source HTML sous IE

Bien souvent on a besoin de connaitre la source HTML exacte de notre page, c'est à dire le code HTML résultant de diverses transformations effectuées par JavaScript. Sous FireFox, j'avais expliqué comment faire : Astuce Firefox : afficher la source de la selection mais avec IE il faut utiliser des plugins additionnels qui sont souvent lourd pour si peu de chose  ...

Je me suis donc bricolé une astuce qui me permet de voir la sélection d'un élément voulu ou de toute la page. Pour cela je copiais cette ligne dans la barre d'adresse IE :

javascript:alert(document.body.outerHTML)

Ca fonctionne très bien mais c'est pas très pratique quand la page est longue. Avec IE on a accès au contenu du presse papier en JavaScript, j'ai donc écrit :

javascript:window.clipboardData.setData('Text', document.body.outerHTML);

Le code HTML est bien rajouté dans le presse-papier mais on change de page, pour éviter cela j'ai utilisé :

javascript:void(window.clipboardData.setData('Text', document.body.outerHTML));

Tout ça c'est très bien mais c'est pénible de devoir écrire à chaque fois ce bout de code. Je me suis donc rappelé les favelets, qui consiste à mettre du code JavaScript dans les favoris.

Untitled.jpg

Pour le faire facilement aller sur cette page, cliquer avec le bouton droit sur le lien puis faites "Ajouter au favoris". Dorénavant à chaque fois que vous accéderez à ce favoris, la source HTML de la page sera copié dans le presse papier, libre à vous de le coller dans l'éditeur de votre choix ;-)

Posted: mercredi 15 novembre 2006 00:14 par cyril
Classé sous : , , ,
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires

VANNESTE Xavier a dit :

C'est bien ce code dommage qu'il ne fournisse que le Body et pas l'entête de la page (ce qui se trouve entre

<head> et </head>

# novembre 15, 2006 11:33

FREMYCOMPANY a dit :

Et avec document.getElementsByTagName("html")[0].outerHTML ?

# novembre 15, 2006 15:02

minsou a dit :

pas mal comme astuce : allez hop dans mes favoris ! ;-)

# novembre 15, 2006 21:34

cyril a dit :

On peut effectivement utiliser document.getElementsByTagName('html')[0].outerHTML pour recuperer toute la page :-)

J'y avais pas pensé car j'en avais pas besoin.

# novembre 15, 2006 23:32

FREMYCOMPANY a dit :

Sinon, la je l'ai modifié pour pouvoir lire le code HTML sans passer par un COLLER dans un autre programme :

javascript:HTMLText = document.getElementsByTagName('html')[0].outerHTML;    window.clipboardData.setData('Text', HTMLText);    document.write("

<BODY><TEXTAREA id="HTMLContainer" style="width: 100%; height:600px"></TEXTAREA></BODY>");    document.getElementById("HTMLContainer").value=HTMLText;    document.getElementById("HTMLContainer").select();

# décembre 2, 2006 15:36

FREMYCOMPANY a dit :

Voici une dernière version, optimisée pour IE 7, qui devient alors un véritable bloc-note (comme notepad.exe)

javascript:HTMLText = document.getElementsByTagName('html')[0].outerHTML;    window.clipboardData.setData('Text', HTMLText);    document.write("

<BODY style="overflow: hidden"><TEXTAREA id="HTMLContainer" style="position:absolute; top:0px; left:0px; width: 100%; height:600px"></TEXTAREA></BODY>");    document.getElementById("HTMLContainer").value=HTMLText;    document.getElementById("HTMLContainer").style.height=(document.getElementsByTagName("BODY")[0].offsetHeight-2)+"px";       document.getElementById("HTMLContainer").style.width=(document.getElementsByTagName("BODY")[0].offsetWidth-2)+"px";   document.getElementById("HTMLContainer").select();

# décembre 2, 2006 18:01

ricardo a dit :

Bonjour

Comment faire la même chose mais pour voir le code source d'une fenêtre popup.

Ex:

NewWin=windows.open("http://www.toto.fr",'popup');

HTMLText = NewWin.document.getElementsByTagName('html')[0].outerHTML;

La derniere ligne de code renvoi systematiquement "permission refusé" !!!!

La fenêtre se charge correctement.Lorsque je tape le code de FREMYCOMPANY dans la barre d'adresse IE cela fonctionne !!

Si quelqu'un a la solution je suis preneur

Merci

A+

# décembre 8, 2006 11:16
Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- Merci par Blog de Jérémy Jeanson le 10-01-2019, 20:47

- Office 365: Script PowerShell pour auditer l’usage des Office Groups de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 11:02

- Office 365: Script PowerShell pour auditer l’usage de Microsoft Teams de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 10:39

- Office 365: Script PowerShell pour auditer l’usage de OneDrive for Business de votre tenant par Blog Technique de Romelard Fabrice le 04-25-2019, 15:13

- Office 365: Script PowerShell pour auditer l’usage de SharePoint Online de votre tenant par Blog Technique de Romelard Fabrice le 02-27-2019, 13:39

- Office 365: Script PowerShell pour auditer l’usage d’Exchange Online de votre tenant par Blog Technique de Romelard Fabrice le 02-25-2019, 15:07

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Stream Portal par Blog Technique de Romelard Fabrice le 02-21-2019, 17:56

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Video Portal par Blog Technique de Romelard Fabrice le 02-18-2019, 18:56

- Office 365: Script PowerShell pour extraire les Audit Log basés sur des filtres fournis par Blog Technique de Romelard Fabrice le 01-28-2019, 16:13

- SharePoint Online: Script PowerShell pour désactiver l’Option IRM des sites SPO non autorisés par Blog Technique de Romelard Fabrice le 12-14-2018, 13:01