Vue瀏覽器除錯工具VueTools安裝以及使用

2022-08-10 16:30:33 字數 1433 閱讀 2316

直接跳轉小白版本

安裝方法一:

這裡以 chrome 瀏覽器為例:

1、開啟 chrome 網上應用店,搜尋 vue.js

注:如果打不開頁面需要 **

選擇第乙個,點選 新增至chrome

點選新增擴充套件程式

安裝完成

安裝方法二:

1、開啟 **:

3、使用終端命令 cd 至解壓之後的資料夾

4、執行命令 npm install 

5、執行 npm run build 

6、修改shells>chrome資料夾下的mainifest.json 中的persistant為true

7、找到瀏覽器擴充套件程式,勾選開發者模式選項

8、然後我們將外掛程式資料夾裡的shells>chorme資料夾直接拖到頁面中,完成安裝

安裝方法三:小白版本

前面兩個方法要麼需要**來實現,要麼需要對nodejs有一定的了解,這無疑對某些不喜歡折騰的同學十分頭疼,有沒有一種非常便捷的方法來實現呢?肯定是有的:

就完成安裝了,是不是非常便捷

安裝完成之後就可以使用了,開啟開發者工具,就會發現在選項中多出了乙個 vue 的選項,點選進去就是當前頁面使用的所有元件以及資料都可以在這裡進行檢視和修改

瀏覽器除錯工具

ff firebug yslow,絕對的神器。ie 1.ietester debugbar microsoft script debugger companion.js。ie的除錯工具這麼多?好像分工不一樣,沒有深入使用,感覺不大好用,跟firebug差好遠,沒辦法還是得用,慢慢發現它的優點吧。2....

火狐瀏覽器 除錯工具的使用

1.首先,按f12,打 狐瀏覽器的除錯工具,下面就是除錯工具欄 注意。因為除錯基本上只用到前四個圖示,所以在此,只介紹前四個 1 從頁面中選擇乙個元素 滑鼠點選這個圖示之後,滑鼠在頁面上就可以選擇元素了,點選選擇的元素,就會迅速定位到該元素的 上。當頁面元素非常多的時候,用這個方法選擇要找到的元素非...

谷歌瀏覽器 除錯工具如何引入jQuery?

1.在谷歌瀏覽器裡首先呼叫起除錯工具 2.然後,在snippets裡編寫指令碼內容如下即可 引入jquery var jq document.createelement script jq.src 用jquery操作dom var btn el button default 0 btn.click ...