插件介绍
HeadingsMap插件,作为浏览器的扩展功能,它为用户提供了一项高效的网页内容组织工具,它以直观的方式揭示了网站的标题结构,允许用户快速跳转到感兴趣的部分,并通过高亮显示的方式强调选中的标题,它的实用性不限于日常网页浏览,对于那些致力于提升网站可访问性的开发者和审计人员来说,它提供了一个简洁明了的视图,以确保标题层次的正确性,该插件能够实时检测DOM的变化并相应更新,增强了用户体验,它还考虑了用户的隐私,详细说明可通过官方隐私声明获取,它不仅提高了浏览效率,也是网站设计和维护的得力助手。
该扩展生成任何带有标题结构的 Web 文档的文档地图或索引(您可以通过单击其任何项目直接访问内容),现在,它显示 HTML 5 大纲。
插件特征
标题列表和有关其级别的可选信息以及它们是否破坏了正确的层次结构
包含标题信息的部分列表,并包括有关结构中错误的可选信息
来自主文档以及框架内文档的信息(包括当存在多个文档时处于活动状态的文档选择器)
通过单击标题,文档滚动到标题/部分的位置并突出显示它
检测 DOM 中的更改,并在完成后更新其内容(如有必要)
也可以手动刷新
允许按级别折叠标题列表
HTML 5 Outline 测试是可选的
用于在单击树时识别标题(或部分)的 CSS 轮廓
它不显示隐藏的标题或部分(辅助技术隐藏)
如果标题(或部分)是锚点,则结果中的链接具有指向它的 href(对于使用浏览器上下文菜单中的选项直接从树复制非常有用)。此外,作为可以禁用的选项,它显示锚链接,单击该链接时,会将链接复制到剪贴板
两个主题
插件安装
获取插件文件:在本页面下方,您可以找到并下载 HeadingsMap 插件的相关文件。
官方提供确认:在下载之前,请确保此插件是由 Jorge Rumoroso 官方提供的。
核实文件ID:进行安装前,请对比文件ID值是否匹配:"flbjommegcjonpdmenkdiocclhjacmbi"。
扩展程序管理:接下来,打开 Chrome 浏览器的右上角三个点菜单,选择“扩展程序”后点击“管理扩展程序”。您也可以在浏览器的地址栏直接输入 chrome://extensions/。请确保您已经启用了“开发者模式”。
完成安装:最后,将下载的 FLBJOMMEGCJONPDMENKDIOCCLHJACMBI_4_7_5_0.crx 文件拖拽到扩展程序页面中,并点击“添加扩展程序”以完成安装。
浏览器插件安装详细步骤:Chrome浏览器如何安装CRX插件扩展
如果大家在安装中出现无法安装的情况可以参阅解决办法:安装CRX文件不显示添加窗口而直接下载的解决办法