Tips——断点调试之JS

Chrome DevTools - 25 Tips and Tricks

原文地址：https://www.keycdn.com/blog/chrome-devtools

1.快速文件切换

当Chrome DevTools打开并搜索名称时，您可以通过按Ctrl + P（Cmd + P）轻松访问当前项目或网页中的任何文件。

2.漂亮的打印{}

Chrome DevTools内置了漂亮的打印功能，您可以通过单击{}来轻松更改最小化代码的格式，这将返回到普通视图，以便您轻松完成。

3.编辑HTML元素

您可以通过选择任何元素，在面板中选择DOM元素，然后双击开始标记进行编辑来动态编辑HTML /预览更改。结束标记会自动为您更新。任何更改都将显示在您的浏览器中，就好像实际上已对源代码进行了更改一样。

—— 还有视频，下班搬运 ——