Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Actualités

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

    View Cyril Durand's profile on LinkedIn

    hit counters

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

- TCB : Travailler en équipe sans réseau par The Mit's Blog le il y a 13 minutes

- Accès anonyme et les pages Forms / viewlsts.aspx... par Nicolas Humann le il y a 4 heures et 7 minutes

- l'Atelier 4 du coach C# est disponible par Bernard Fedotoff le il y a 5 heures et 42 minutes

- [WPF] Formatter l’affichage lors d’un binding, via StringFormat par Thomas Lebrun le il y a 10 heures et 44 minutes

- WSC08 : Le bilan, Les Photos, Les Webcasts à voir ou à revoir par Blog de Daniel TIZON [daniel] le il y a 19 heures et 51 minutes

- SharePoint et ses DB : Avez vous pensé à les "Tweaker" ? par The Mit's Blog le il y a 20 heures et 20 minutes

- NTttcp : Mesurer la vitesse d'un réseau par Blog d'Olivier Huet le il y a 20 heures et 45 minutes

- Un nouveau quizz par Matthieu MEZIL le il y a 23 heures et 29 minutes

- Webcast ADO.NET Data Services par Matthieu MEZIL le il y a 23 heures et 32 minutes

- edmx : mise à jour du modèle depuis la base par Matthieu MEZIL le 10-06-2008, 17:47