HeadingsMap擴(kuò)展生成任何帶有標(biāo)題結(jié)構(gòu)的 Web 文檔的文檔地圖或索引（您可以通過單擊其任何項目直接訪問內(nèi)容），現(xiàn)在，它顯示 HTML 5 大綱。

特征：

* 標(biāo)題列表和有關(guān)其級別的可選信息以及它們是否破壞了正確的層次結(jié)構(gòu)
* 包含標(biāo)題信息的部分列表，并包括有關(guān)結(jié)構(gòu)中錯誤的可選信息
* 來自主文檔以及框架內(nèi)文檔的信息（包括當(dāng)存在多個文檔時處于活動狀態(tài)的文檔選擇器）
* 通過單擊標(biāo)題，文檔滾動到標(biāo)題/部分的位置并突出顯示它
* 檢測 DOM 中的更改，并在完成后更新其內(nèi)容（如有必要）
* 也可以手動刷新
* 允許按級別折疊標(biāo)題列表
* HTML 5 Outline 測試是可選的
* 用于在單擊樹時識別標(biāo)題（或部分）的 CSS 輪廓
* 它不顯示隱藏的標(biāo)題或部分（輔助技術(shù)隱藏）
* 如果標(biāo)題（或部分）是錨點，則結(jié)果中的鏈接具有指向它的 href（對于使用瀏覽器上下文菜單中的選項直接從樹復(fù)制非常有用）。此外，作為可以禁用的選項，它顯示錨鏈接，單擊該鏈接時，會將鏈接復(fù)制到剪貼板
* 兩個主題

因此，這不僅可以方便任何人進(jìn)行導(dǎo)航，還可以幫助網(wǎng)絡(luò)開發(fā)人員、顧問和審計人員。

 插件安裝方法

方法一：.crx文件格式插件安裝

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序或直接輸入：chrome://extensions/

3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴(kuò)展管理界面中，這時候用戶會發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會多出一個”拖動以安裝“的插件按鈕。

4.松開鼠標(biāo)就可以把當(dāng)前正在拖動的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標(biāo)后還會給予用戶一個確認(rèn)安裝的提示。

5.用戶這時候只需要點擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒有插件按鈕的話，用戶還可以通過Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件。

方法二：文件夾格式插件安裝

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序。

3.勾選開發(fā)者模式，點擊加載已解壓的擴(kuò)展程序，將文件夾選擇即可安裝插件。

如果你在安裝過程中出現(xiàn)下圖中的錯誤程序包無效 CRX_HEADER_INVALID

可以參考：超詳細(xì)的Chrome 瀏覽器/瀏覽器插件安裝教程(全方法) 一文解決