Chrome除錯Vue外掛程式devtools

2021-08-22 06:07:09 字數 751 閱讀 2566

2.win+r進入cmd模式,cd到vue-devtools-dev檔案下,然後npm install,安裝node_modules,這個時間較長,你可以選擇用cnpm代替npm,安裝完畢之後,執行npm run build,這一步不能少,否則你後台開啟谷歌的開發者模式後,引入chrome檔案會一直提示有background檔案錯誤。

3.修改vue-devtools-dev\shells\chrome中的manifest.json檔案,將此檔案中的persistent修改為true,如下:

4.然後開啟谷歌瀏覽器,找到設定-->擴充套件程式-->勾選開發展模式選項-->載入已解壓的擴充套件程式,將vue-devtools-dev\shells的chrome檔案放進去,如下:

5.開啟你的vue程式,在你們控制台那行會看到多出的vue一項,這時候就表示安裝成功了,不過你最好等一分鐘,我立刻安裝後,等了幾分鐘才看到vue的

愉快的除錯**去了。。。。。。

修改Chrome外掛程式,Chrome外掛程式位置

這裡首先感謝微博急簡的作者 還我乙個乾淨的微博環境。應該是滿足大家,預設的吧個人的背景替換成灰色的了,我的背景是大美女,想看看,於是就有了今天的博文。那麼,我就要修改chrome的外掛程式,我以前只會用,那裡會修改,於是就找,ubuntu下,chrome的安裝位置在 opt google chrom...

chrome 適配除錯 Chrome 除錯技巧

寫在前面 本文包括瀏覽器除錯,不包括web移動端除錯。本文除錯均在chrome瀏覽器進行 alert 這個不用多說了,不言自明 console 基本輸出 console.log 列印字串 在控制台列印自定義字串 console.error 我是個錯誤 在控制台列印自定義錯誤資訊 console.in...

Chrome 外掛程式集錦

原文出處 cn simo 子曾曰 工欲善其事,必先利其器。居是邦也。語出 論語 衛靈公 其後一百多年,荀子也在其 勸學 中倡言道 吾嘗終日而思矣,不如須臾之所學也 吾嘗跂而望矣,不如登高之博見也。登高而招,臂非加長也,而見者遠 順風而呼,聲非加疾也,而聞者彰。假輿馬者,非利足也,而致千里 假舟楫者,...