HeadingsMap
HeadingsMap のアイテムロゴ画像

HeadingsMap

おすすめ
4.5(

66 件の評価

)
アイテム メディアの 3 スクリーンショット
アイテム メディアの 4 スクリーンショット
アイテム メディアの 1 スクリーンショット
アイテム メディアの 2 スクリーンショット
アイテム メディアの 3 スクリーンショット
アイテム メディアの 4 スクリーンショット
アイテム メディアの 1 スクリーンショット
アイテム メディアの 2 スクリーンショット
アイテム メディアの 1 スクリーンショット
アイテム メディアの 2 スクリーンショット
アイテム メディアの 3 スクリーンショット
アイテム メディアの 4 スクリーンショット

概要

見出し構造を表示、参照、監査する (アクセシビリティと SEO のため)

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/

5 点満点で 4.566 件の評価

Google ではレビューを確認していません。 結果とレビューについて、詳しくはこちらをご覧ください。

詳細

  • バージョン
    4.8.4
  • 更新:
    2024年3月7日
  • 提供元
    Jorge Rumoroso
  • サイズ
    573KiB
  • 言語
    5 言語
  • デベロッパー
    メール
    rumoroso@gmail.com
  • 非取引業者
    このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。

プライバシー

デベロッパーは、お客様のデータを収集または使用しないことを表明しています。

このデベロッパーは、お客様のデータについて以下を宣言しています

  • 承認されている以外の用途で第三者に販売しないこと
  • アイテムの中心機能と関係のない目的で使用または転送しないこと
  • 信用力を判断する目的または融資目的で使用または転送しないこと

サポート

関連アイテム

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(106)

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(260)

Generates a navigable page outline with heading and sectioning elements

Web Developer

4.5(2830)

Adds a toolbar button with various web developer tools.

Lighthouse

4.4(295)

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

Alt & Meta viewer

4.2(10)

画像に設定された Alt または Title 属性をツールチップで表示することができます。ヘッダの Title、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(106)

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(260)

Generates a navigable page outline with heading and sectioning elements

Web Developer

4.5(2830)

Adds a toolbar button with various web developer tools.

Lighthouse

4.4(295)

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

Google アプリ