Chrome 自带的隐藏福利

这是一个 Chrome 自带的一个隐藏福利,如果受够了 console 里面敲代码,费劲的换行和无法断点调试的苦,看看这个。

这个东西叫做 snippets (代码片段),可能大部分人都写过属于自己的代码片段。我们看在 Chrome 中怎么用。
在这里插入图片描述

1、打开 Sources 选项卡,切换到 Snippets 标签,点击图中的红色标记处。

2、点击 New snippet 可以新建一个代码片段,编辑代码,按 Command+S (Mac) 或 Ctrl+S (Windows、Linux)以保存您的更改。

3、保存后可以按 Command+Enter (Mac) 或 Ctrl+Enter(Windows、Linux)执行代码。

4、代码执行成功后并且再次对文件进行编辑后,可以通过右键菜单选择 Local Modifications 查看更改记录。还可以通过下方的 revert 按钮撤销本次修改。

5、github 上有很多开源的 snippets ,可以保存起来,方便日后调试。

其实日常用的最多的就是用它敲一些 js 的demo,因为可以断点调试,所以对于抽象代码的学习很有帮助。

希望大家还能get到它更大的用途。

如果你看了觉得有用就分享给身边的小伙伴,另外更多关于 Chrome 调试工具的使用请点击下面的链接:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章