VisBug插件是一款讓用戶可以打造屬于自己的網(wǎng)站瀏覽器擴展工具，該插件可以幫助用戶調(diào)試網(wǎng)頁，同時可以幫助用戶進行漏洞的修改，非常方便，歡迎需要此款工具的朋友前來下載使用。

軟件特色

使用 JavaScript 構建的開源網(wǎng)頁設計調(diào)試工具：面向設計人員的 FireBug。

- 指向、單擊、移動、調(diào)整大小和修補
- 在任何狀態(tài)下編輯任何頁面或設置其樣式，就像它是畫板一樣
- 檢查樣式、間距、距離、可訪問性和對齊方式
- 在真實的最終環(huán)境中，在任何設備尺寸上，挑剔的布局和內(nèi)容
- 利用 adobe/sketch 技能
- 編輯文本、替換圖像
- 在混亂中進行設計：使用生產(chǎn)或原型以及它們產(chǎn)生的奇怪狀態(tài)，作為畫板和設計機會
- 在 DevTools 模擬延遲、i18n、媒體查詢、平臺限制、CPU、屏幕尺寸等的同時進行設計
- 在網(wǎng)站/應用程序的前端做出更多決策（a11y、響應式、邊緣情況等）
- 無需等待開發(fā)人員公開他們的樂高積木，只需直接編輯最終狀態(tài)（無論框架如何）并執(zhí)行/測試一個想法

**通過將設計工具交互和熱鍵引入瀏覽器**，為設計師和內(nèi)容創(chuàng)建者提供權力，在他們目前感覺幾乎沒有的地方**

  插件安裝方法

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

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

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

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

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

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

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

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

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

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

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

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