HeadingsMap Chrome 插件, crx 扩展下载
To show, browse and audit (for accessibility and SEO) the headings structure
The extension generates a document map or index of any web document structured with headings, allowing direct access to content by clicking on any of its items. It now also displays the HTML5 outline.
Although the extension was initially meant to assist web developers, consultants, and accessibility auditors, it turned to be useful for many users, facilitating the reading and navigation in long structured pages
Features:
* Lists headings with optional information about their levels and any breaks in the correct hierarchical structure.
* Lists sections with header information, including optional details about structural errors.
* Provides information from the main document and documents within frames, featuring a document selector when multiple documents are present.
* Clicking on headers scrolls the document to the corresponding position and highlights it.
* Detects changes in the DOM and updates content as necessary, with an option for manual refresh.
* Allows collapsing of the header list by levels.
* Optional HTML5 Outline test.
* CSS outline for identifying headers or sections when clicking the tree.
* Does not display hidden headers or sections (hidden from assistive technologies).
* If a header or section is an anchor, the link in the results points to it. This is useful for copying directly from the tree using the browser's contextual menu. Optionally, it shows anchor-links that copy the link to the clipboard when clicked.
* Two themes available.
Privacy statement on: https://rumoroso.bitbucket.io/
| 分类 | 💻开发者工具 |
| 插件标识 | flbjommegcjonpdmenkdiocclhjacmbi |
| 平台 | Chrome |
| 评分 |
★★★★☆
4.2
|
| 评分人数 | 28 |
| 插件主页 | https://chromewebstore.google.com/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi |
| 版本号 | 4.8.7 |
| 大小 | 575KiB |
| 官网下载次数 | 100000 |
| 下载地址 | |
| 更新时间 | 2024-08-28 00:00:00 |
CRX扩展文件安装方法
第1步: 打开Chrome浏览器的扩展程序
第2步:
在地址栏输入: chrome://extensions/
第3步: 开启右上角的【开发者模式】
第4步: 重启Chrome浏览器 (重要操作)
第5步: 重新打开扩展程序管理界面
第6步: 将下载的crx文件直接拖入页面完成安装
注意:请确保使用最新版本的Chrome浏览器
同类插件推荐
Heading Tag Markup
This extension show the h-Tag on page.This extens
HTML Heading Highlighter
Highlights all the headings on a page to visually
ARIA DevTools
Easily spot missing ARIA labels, misused ARIA role
Accessibility Insights for Web
Accessibility Insights for Web helps developers qu
HTML5 Outliner
Generates a navigable page outline with heading an
TDK Meta Checker
閲覧中のタイトル・description・キーワードなどのメタ情報を確認しやすく表示します。閲覧中の
Alt & Meta viewer
您可以查看Alt键或Title属性已在刀尖在图像设置。标题的头,你可以列出的Meta信息。画像に設定
Web Developer
Adds a toolbar button with various web developer t
Color Contrast Analyzer
Analyze a web page or portion of a web page for co
HeadingsMap
To show, browse and audit (for accessibility and S
axe DevTools - Web Accessibility Testing
Accessibility Checker for Developers, Testers, and
WCAG Color contrast checker
To check the color contrast between foreground and
Lighthouse
Lighthouse is an open-source, automated tool for i