2010-08-27 5 views
0

Existe-t-il une application Windows que je pourrais utiliser pour simplement coller la source HTML d'une page et la faire analyser afin que je puisse voir où chaque section commence et se termine?Application pour donner un sens au HTML?

Lorsque les lignes sont indentées à tort, il est difficile de comprendre la logique d'une page.

Je préfèrerais un utilitaire autonome plutôt qu'un add-on pour un navigateur.

Merci.


Edit: Si possible, je voudrais un utilitaire léger (c.-à-pas un IDE à part entière comme Eclipse ou VS.) Qui affiche des blocs comme un arbre, donc je peux plier/déplier des blocs et de se concentrer sur ceux que je suis intéressé.

+0

Quel éditeur utilisez-vous pour HTML Authoring? – Gordon

+0

Ce n'est pas pour mon site, mais pour comprendre comment fonctionnent les sites étrangers. – Gulbahar

Répondre

0

Les inspecteurs DOM intégrés dans la plupart des navigateurs modernes seraient un bon début. Je sais que vous avez dit autonome plutôt que d'un add-on de navigateur, mais l'avantage avec ceux-ci est qu'ils vont mettre en évidence l'élément sur la page qui est extrêmement pratique. Ils sont également bons pour jouer avec CSS et des expériences Javascript rapides. Pour IE8, passez à Tools > Developer Tools (ou F12). Il y a quelques extentions disponibles pour IE6 & IE7: IE Developer Toolbar et Web Development Helper

Pour Opera et Chrome, cliquez droit partout>Inspect Element. Safari also has this il doit simplement être activé.

Pour Firefox, vous devez télécharger Firebug

De tous ces Firebug je préfère. Dans mon expérience, il a tendance à être le plus stable et le plus facile d'apporter des modifications HTML et CSS à la page pour l'expérimentation, bien que l'inspecteur WebKit est également très bon. N'oubliez pas que ces outils affichent l'arborescence DOM analysée, qui peut être différente du code HTML d'origine.

+0

Merci. Cela ressemble à une bonne solution aussi. – Gulbahar

1

Si vous développez votre code HTML dans Eclipse ou IntelliJ vous pouvez utiliser le code de format raccourci

0

Sons comme HTML tidy s'adaptera la facture.

De nombreux éditeurs de programmeurs l'ont déjà en place - notepad ++ a une fonction de nettoyage HTML, visual studio peut également être utilisé (Ctrl + k + d).

+0

Merci pour le conseil. Bloc-notes ++: TextFX> TextFX HTML Tidy. Après l'avoir essayé, ça fait l'affaire, mais je pense que je préférerais un éditeur en forme d'arbre pour pouvoir (dé) plier les blocs et me concentrer sur les domaines qui m'intéressent. Y at-il une solution légère pour cela? n'utilisez pas Eclipse, VS, etc.)? – Gulbahar

+0

@overtherainbow - Notepad ++ fait cela, si vous vous assurez que la langue est définie sur HTML. – Oded

+0

Merci pour le conseil: Language> H> HTML suivi de View> Fold All (ALT + 0). Je cherchais une sorte d'éditeur HTML non-WYSIWYG qui ferait cela en une seule fois, mais s'il n'y en a pas, Notepad est assez bon. Je vous remercie. – Gulbahar

0

Installer freeware Opera Browser, naviguez jusqu'à la page, faites un clic droit sur quelque chose, appuyez sur "Inspecter l'élément".

Questions connexes