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

軟件特色

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

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

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

  插件安裝方法

方法一：.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 瀏覽器/瀏覽器插件安裝教程(全方法) 一文解決