1. 程式人生 > >使用chrome://inspect/#devices除錯時常見問題及注意事項

使用chrome://inspect/#devices除錯時常見問題及注意事項

問題一:chrome://inspect/#devices inspect 空白

解決方案:使用代理工具+配置google瀏覽器進行翻牆

1.下載V2ray.rar並開啟解壓後的資料夾,執行v2ray.exe;

2.瀏覽器安裝SwitchyOmega 外掛:

1)chrome點“更多工具”->"擴充套件程式",開啟“開發者模式”

(火狐點附加元件,在外掛市場搜尋)

2)將上述壓縮包中的瀏覽器外掛資料夾中的“SwitchyOmega.crx”拖如上述開啟的頁面

3.在chrome瀏覽器,點選下圖圈紅處,點選“選項”進入SwitchyOmega頁面;

在switchyOmega頁面點選“情景模式”-->“新增情景模式”,名稱v2;

配置代理伺服器為:代理協議:http;代理伺服器:localhost;代理埠:8000

4.使用

1)執行v2ray.exe;

2)開啟瀏覽器上配置的v2

3)在chrome上搜索任意資訊,驗證是否配置是否成功

 

問題二:chrome://inspect/#devices inspect 除錯程式碼工程中,輸出的物件值與初始化該物件的值不一致,如:

let testObject = {

"type": 0,

"srcKeyType": 1,

"srcKeyIndex": 1,

"destKeyType": 1,

"destKeyValue": "cececececececececececececececece",

"destKeyIndex": 1,

"kcv": {

"checkMode": 0,

"data": "00000000"

},

}

console.log("----------testObject:",testObject);

在除錯介面輸出該物件各個屬性對應的值,但屬性“kcv”的log輸出的值與上述給出的實際值不一致

解決方案:引起上述問題的原因可能是google 自帶除錯機制引起的。google自帶除錯機制先將物件輸出的屬性值存入對應的地址,只有將該物件展開時才讀取對應地址中的值

如上圖,已展開的屬性值均正確,但未摺疊的屬性對應的值就不一定正確。因為你是等程式執行完畢後,才打開該物件摺疊的部分,雖然log是在當時執行時按順序打印出來的,但它讀取的資料是你展開該物件時該地址中的資料,可能這個資料在你後面程式碼中已經進行修改,而當時的資料已經被覆蓋,所以看到的值與實際想要的值有差距