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

軟件特色

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

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

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

  插件安裝方法

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

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

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

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

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

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

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

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

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

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

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

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