HeadingsMap
Image du logo de l'article pour HeadingsMap

HeadingsMap

Sélection
4,6(

67 avis

)
Capture d'écran 3 de l'élément multimédia
Capture d'écran 4 de l'élément multimédia
Capture d'écran 1 de l'élément multimédia
Capture d'écran 2 de l'élément multimédia
Capture d'écran 3 de l'élément multimédia
Capture d'écran 4 de l'élément multimédia
Capture d'écran 1 de l'élément multimédia
Capture d'écran 2 de l'élément multimédia
Capture d'écran 1 de l'élément multimédia
Capture d'écran 2 de l'élément multimédia
Capture d'écran 3 de l'élément multimédia
Capture d'écran 4 de l'élément multimédia

Présentation

Montrer, parcourir et auditer la hiérarchie de titres

The extension generates a documentmap or index of any web document structured with headings (you can access directly to the content by clicking on any of its items), and now, it shows the HTML 5 outline. Features: * List of headings and optional information about their level and if they break the correct hierarchical structure * List of sections with header information and includes optional information about errors in the structure * Information from the main document and also from the documents inside frames (includes a document selector that is active when there are multiple documents) * By clicking on the headers the document scrolls to the position of the header/section and highlights it * Detects changes in the DOM and when they finish, updates its content (if necessary) * It can also be refreshed manually * Allow collapsing list of headers by levels * HTML 5 Outline test is optional * CSS outline for identifying the header (or section) when clicking the tree * It doesn't show hidden headers or sections (hidden for assistive technologies) * If the header (or section) is an anchor, the link in the results has the href pointing to it (useful for being copied directly from the tree with the option in the contextual menu of the browser). Additionally, as option that can be disabled, it shows anchor-links that when clicked, copy the link to the clipboard * Two themes So this is useful not only to facilitate navigation to anyone, but also to help webdevelopers, consultants and auditors. Privacy statement on: https://rumoroso.bitbucket.io/

4,6 sur 567 avis

Google ne valide pas les avis. En savoir plus sur les résultats et les avis

Photo de profil de l'avis

Elo Mig (EloMig)24 nov. 2023

Indispensable ! La base quand on crée des sites, une arborescence correcte (et permet de se faire une idée sur la qualité d'un site en 2s.. vrai outil d'audit)

1 personne a trouvé cet avis utile
Photo de profil de l'utilisateur qui a répondu

Jorge RumorosoDéveloppeur15 déc. 2023

Merci beaucoup pour votre commentaire. Il est bon de savoir que l'outil est utile.

Détails

  • Version
    4.8.4
  • Dernière mise à jour
    7 mars 2024
  • Proposé par
    Jorge Rumoroso
  • Taille
    573KiB
  • Langues
    5 langues
  • Développeur
    E-mail
    rumoroso@gmail.com
  • Non-professionnel
    Ce développeur ne s'est pas identifié comme professionnel. Pour les consommateurs de l'Union européenne, veuillez noter qu'il est possible que les droits des consommateurs ne s'appliquent pas aux contrats entre vous et ce développeur.

Confidentialité

Le développeur a indiqué qu'il ne collecterait et n'utiliserait pas vos données.

Ce développeur déclare que vos données :

  • Ne seront pas vendues à des tiers en dehors des cas d'utilisation approuvés.
  • Ne seront ni utilisées ni transférées à des fins sans rapport avec la fonctionnalité de base de l'article.
  • Ne seront ni utilisées ni transférées pour déterminer votre solvabilité ou en vue de vous proposer un prêt.

Assistance

Articles similaires

Color Contrast Analyzer

3,3(64)

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

axe DevTools - Web Accessibility Testing

4,0(109)

Accessibility Checker for Developers, Testers, and Designers in Chrome

WAVE Evaluation Tool

4,1(138)

Evaluate web accessibility within your browser.

Accessibility Insights for Web

4,7(35)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Heading Tag Markup

4,6(7)

This extension show the h-Tag on page.

HTML5 Outliner

4,2(261)

Generates a navigable page outline with heading and sectioning elements

Web Developer

4,5(2,8 k)

Adds a toolbar button with various web developer tools.

Lighthouse

4,4(303)

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Alt & Meta viewer

4,2(10)

Il est possible d'afficher l'attribut Title ou Alt est situé dans l'image. I pour afficher l'en-tête Titre, l'information Meta.

HTML Heading Highlighter

3,4(5)

Highlights all the headings on a page to visually allow the user to see the heading hierarchy.

TDK Meta Checker

4,7(3)

閲覧中のタイトル・description・キーワードなどのメタ情報を確認しやすく表示します。

WCAG Color contrast checker

4,1(22)

To check the color contrast between foreground and background of the texts

Color Contrast Analyzer

3,3(64)

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

axe DevTools - Web Accessibility Testing

4,0(109)

Accessibility Checker for Developers, Testers, and Designers in Chrome

WAVE Evaluation Tool

4,1(138)

Evaluate web accessibility within your browser.

Accessibility Insights for Web

4,7(35)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Heading Tag Markup

4,6(7)

This extension show the h-Tag on page.

HTML5 Outliner

4,2(261)

Generates a navigable page outline with heading and sectioning elements

Web Developer

4,5(2,8 k)

Adds a toolbar button with various web developer tools.

Lighthouse

4,4(303)

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Applications Google