chrome调试技巧

1. 快速重新发送请求

❝

调试工具network里，右键接口名，点击重放XHR

❞

2. 重新发送请求并修改入参，

❝

调试工具network里，右键接口名，选复制，点击以fetch格式复制，可以在console里进行修改入参，并重新请求

❞

3. 选中元素

❝

先选中元素

❞

❝

然后在控制台里输$0, 即为刚选中的元素

❞

evernotecid://1A4E33EC-D92A-44F9-B474-5FE20B0E0337/appyinxiangcom/24376167/ENResource/p28

4. 截取页面所有内容

❝

在控制台按下 command + shift + p, 并输入screen, 选择如图所示截取完整尺寸的屏幕尺寸

❞

evernotecid://1A4E33EC-D92A-44F9-B474-5FE20B0E0337/appyinxiangcom/24376167/ENResource/p29

5. 展开选中的元素

❝

选中元素，按住option 再点击元素，就可以展开了。

❞

6.上一次输出结果

console.log($_)

7.修改断点

❝

断点的时候右键断点箭头

❞

evernotecid://1A4E33EC-D92A-44F9-B474-5FE20B0E0337/appyinxiangcom/24376167/ENResource/p30

❝

可以添加筛选条件

❞

evernotecid://1A4E33EC-D92A-44F9-B474-5FE20B0E0337/appyinxiangcom/24376167/ENResource/p31