看到前面写的 vscode snippest,突然想起来 chrome 也有个 snippets 的功能,也是挺好使的。可以把常用的代码片段添加到 chrome 里边,方便取用。举个例子:我想给页面所有元素加上红色边框。
添加代码片段
F12打开控制面板,找到 sources - snippets - New snippets,添加代码片段,保存。
使用代码片段
添加好之后,右键 run 即可自动执行脚本
效果
Tips:这个示例不只是为了演示snippets的喔,在实际开发中也是派的上用场的。这样可以快速查看页面的布局情况、元素位置,对于分析页面结构、模块拆分、开发调试都挺方便(安利)
// 去试试看吧~
let style =