获得徽章 18
赞了这篇沸点
[分享11 个很酷的 Chrome Devtools 提示和技巧]我希望我已经知道的 11 个很酷的 Chrome Devtools 提示和技巧;选择 Chrome 作为开发工具时必须知道的 11 个技巧;
Chrome浏览器,作为前端开发者最亲密的伙伴,相信你一定不陌生。我们可以用它来查看网络请求、分析网页性能、调试最新的 JavaScript 功能……除了这些,它还提供了很多强大但不常见的功能,可以大大提高我们的开发效率。我们来看一下。
1.添加条件断点;
2.在控制台使用`$I'安装npm包;
3. 重新发送 XHR 请求;
4.快速切换主题颜色;
5.在控制台快速发送请求;
6. 复制 JavaScript 变量;
7. 在控制台中获取选中的 DOM 元素;
8.捕获全尺寸屏幕截图;
9.展开所有子节点;
10.使用“$”引用上次执行的结果;
11、使用“$和”$$快速选择DOM元素;
感谢你的阅读,如果对你有用,记得点赞支持哦!
Chrome浏览器,作为前端开发者最亲密的伙伴,相信你一定不陌生。我们可以用它来查看网络请求、分析网页性能、调试最新的 JavaScript 功能……除了这些,它还提供了很多强大但不常见的功能,可以大大提高我们的开发效率。我们来看一下。
1.添加条件断点;
2.在控制台使用`$I'安装npm包;
3. 重新发送 XHR 请求;
4.快速切换主题颜色;
5.在控制台快速发送请求;
6. 复制 JavaScript 变量;
7. 在控制台中获取选中的 DOM 元素;
8.捕获全尺寸屏幕截图;
9.展开所有子节点;
10.使用“$”引用上次执行的结果;
11、使用“$和”$$快速选择DOM元素;
感谢你的阅读,如果对你有用,记得点赞支持哦!
展开
评论
4
赞了这篇沸点