Charlie

V1

2023/03/13阅读:56主题:蔷薇紫

chrome调试技巧

  1. 快速重新发送请求

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

  1. 重新发送请求并修改入参,

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

  1. 选中元素

先选中元素

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

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

  1. 截取页面所有内容

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

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

  1. 展开选中的元素

选中元素,按住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

分类:

前端

标签:

工具介绍

作者介绍

Charlie
V1