outil pour me montrer juste le plan de balisage dans une page Web

Question

Y at-il un outil qui fait ce qui suit, compte tenu d'une URL?

1. tout bande (tout texte) de la page, à l'exception du balisage (tous les éléments html)
2. ajouter une bordure à tous les div, span, table tr, td etc dans la page
3. Gardez la taille d'origine de la div, span etc (même si elles sont vides maintenant, en termes de données en eux)

Answer 1

Vous pouvez écrire un plugin de navigateur pour cela, car ce n'est pas difficile avec Javascript:

1. Définissez la règle CSS suivante pour tous les éléments: color: transparent; qui rend le texte transparent
2. Ajouter la règle CSS suivante à tous les éléments que vous voulez: outline: 1px solid red;
3. se produira automatiquement avec la couleur et exposer les propriétés

---

jQuery example at jsFiddle:

$('*').css('color', 'transparent !important'); 
$('div, span, table, tr, td, ...').css('outline', '1px solid red !important');