使用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是在当时运行时按顺序打印出来的,但它读取的数据是你展开该对象时该地址中的数据,可能这个数据在你后面代码中已经进行修改,而当时的数据已经被覆盖,所以看到的值与实际想要的值有差距

猜你喜欢

转载自blog.csdn.net/qq_30068487/article/details/84841878