Je voudrais analyser la structure de certaines pages Web complexes que j'ai visitées. L'analyse manuelle des balises dans la source HTML est fastidieuse et sujette aux erreurs. Je voudrais trouver un utilitaire qui acceptera la source HTML (ou une URL) en entrée, et montrer l'arrangement hiérarchique des éléments HTML, y compris les attributs source et id, de préférence dans une arborescence. Je pensais qu'il devrait être facile de trouver un tel outil, mais quelques recherches sur Google n'ont rien trouvé pour moi. Je suis toujours confiant qu'un tel outil existe. La communauté peut-elle m'aider à trouver quelque chose? (Je suis un utilisateur de Windows et, bien sûr, préférerais gratuit si possible.)Afficher la source HTML dans l'arborescence?
Répondre
IE8 + et Chrome ont tous les deux de merveilleux outils de développement intégrés. Il suffit de visiter une page Web et dans IE, appuyez sur F12, et dans Chrome, allez à wrench-> outils-> outils de développement. Ils montrent tous deux l'arborescence de la page et vous permettent de la modifier. Ils sont tous deux très puissants.
Utilisez firebug ou addon DOMinspector sur firefox.
La plupart des navigateurs ont un visualiseur DOM intégré. Firefox a un third party extension qui fournit ceci.
Ils afficheront tous le DOM après la récupération d'erreur a été effectuée par le navigateur, avant vous ne pouvez pas être sûr qu'un arbre valide peut être être construit.
Télécharger Firefox (http://www.mozilla.org/) et installer le module complémentaire Firebug https://addons.mozilla.org/firefox/addon/firebug/) Les deux sont gratuits
Vous pouvez également utiliser un bon éditeur comme Notepad ++ qui a mis en évidence la syntaxe et la réduction des nœuds.
Comme d'autres l'ont mentionné, la plupart des navigateurs Web modernes comportent des «outils de développement» qui incluent un moyen de parcourir la source HTML dans une arborescence. J'ai mis en place une comparaison rapide des outils que proposent les dernières versions des cinq premiers navigateurs (Internet Explorer 9, Firefox 4, Chrome 12, Opera 11 et Safari 5).
+1 pour une comparaison détaillée. –
- 1. Formes d'erreur Designer Afficher la source HTML
- 2. Afficher la version bien formatée de la source HTML
- 3. comment afficher la source html complète sur l'éditeur fck?
- 4. Afficher la source html en chrome avec delphi
- 5. Afficher le code source HTML en surbrillance dans Firefox?
- 6. Remplacement d'entités HTML dans la source HTTP
- 7. Comment modifier la source HTML dans DevTools
- 8. HtmlUnit pour afficher la source
- 9. Télécharger la source html android?
- 10. Afficher la page html?
- 11. Afficher la chaîne HTML formatée
- 12. Afficher dans le Html
- 13. Afficher la page html dans asp.net
- 14. html source coder
- 15. Afficher la source après l'exécution des scripts
- 16. Comment afficher la page .html
- 17. UIWebView get HTML Source
- 18. Extrait des infos de la source html?
- 19. Voir la source HTML de GWT?
- 20. Source du code HTML
- 21. Comment afficher "code HTML généré" dans Firefox?
- 22. Comment afficher le code source dans totalview?
- 23. Composant Webbrowser - manipulation avec la source html
- 24. Extrait la source HTML d'une page Web
- 25. HTML Button Changer la source de l'image
- 26. Obtenir la source HTML à partir d'URL
- 27. Recevez des emails de la source html
- 28. Obtenir la source html via proxy
- 29. Afficher le code source pour la fonction dans R
- 30. Ouverture du code source HTML dans Cocoa
Vous voulez dire autre que IE Dev Tools ou Firebug? – anothershrubery
utiliser fire bug, que tout ce que j'utilise – Ibu
Les outils de développement de Chrome le font aussi. Faites un clic droit sur la page et sélectionnez "Inspecter l'élément" pour commencer. –