Passer au contenu

Pour s’y retrouver dans une soupe de balises

Quel webdesigner ne s’est pas déjà arraché les cheveux à essayer de retrouver son chemin et la balise manquante dans une page comptant plusieurs centaines de…

Chart
Quel webdesigner ne s’est pas déjà arraché les cheveux à essayer de retrouver son chemin et la balise manquante dans une page comptant plusieurs centaines de lignes de code achetéhemelle, même si un code propre, valide et l’aide d’un bon éditeur facilitent déjà bien le travail ?
Voici une extension Firefox qui me parait bien sous tous rapports (je dis parait car je ne l’ai pas encore testée) : View Rendered Source Chartaffiche le code source d’une page web sous forme de tableaux dont chaque cellule – colorée différemment – correspond à une balise.
Ou comment reconstituer des tableaux avec des DIV là ou justement on a mis des DIV pour remplacer les tableaux.
Une Aspirine, peut-être ?

📍 Pour ne manquer aucune actualité de Presse-citron, suivez-nous sur Google Actualités et WhatsApp.

Opera One - Navigateur web boosté à l’IA
Opera One - Navigateur web boosté à l’IA
Par : Opera
5 commentaires
5 commentaires
  1. Oui merci, elle a l’air pas mal cette extension. Par contre je comprends pas comment le type qui crée une extension comme ça peut avoir un site aussi mal fait.

  2. Je viens de tester, c’est pas mal mais tous les div ont la même couleur de fond quelque soit leur hiérarchie et leur positionnement dans la page.
    Du coup si tu as une page sans tableaux avec uniquement des div et des paragraphes (comme tout bon webmestre qui se respecte) c’est un peu léger…

    L’idéal serait que la page de code générée prenne en considération le CSS lié au moment de l’application des couleurs de fond.
    Là on aurait le visualisateur ultime.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *