Chrome开发者工具:什么是Snippets支持？
Jo *_*iss 76 javascript web-inspector google-chrome-devtools
从版本19开始,Chrome的Web Inspector具有称为"片段支持"的实验性功能.以下是如何激活它:
打开chrome:flags,启用"Developer Tools实验",重启.
打开Web Inspector(开发人员工具),点击右下角的设置齿轮图标,启用"Snippets support",重新启动.
打开Scripts面板,单击左侧的"导航树"图标,找到一个空的Snippets选项卡.
我的问题是:我可以用它做什么？我怎样才能用片段填充这个？
Pau*_*ish 84
简而言之,片段是一个多线控制台,一个迭代的JS开发工作流程,以及一个用于常见调试助手的持久存储.
developers.google.com/chrome-developer-tools/docs/authoring-development-workflow#snippets
一些用例Snippets可以提供帮助:
- Bookmarklets - 您的所有书签都可以存储为片段,尤其是您可能希望编辑的那些.
- 实用程序 - 可以存储和调试用于与当前页面交互的调试助手.可以获得社区策划的此类实用程序列表.
- 调试 - Snippets提供了一个具有语法高亮和持久性的多线控制台,使调试代码不仅仅是单线程的便利性.
- 修补程序代码 - 您希望在运行时修补的代码可以通过代码片段完成,但很多时候您可以在"源"选项卡中实时编辑代码.
最后,我个人一直在收集一些你可能包含在你的武器库中的常用片段:github.com/paulirish/devtools-addons/wiki/Snippets
要快速运行代码段,现在就可以执行此操作.Ctrl-Shift-P为"命令调色板",然后退格,并使用!前缀,然后键入要运行的片段名称.
- 我想知道Paul Irish是否回答了一个问题,并且*没有被标记为正确答案.... (6认同)
- 执行代码段的最快方法是什么？我可以按Ctrl + Shift + I(打开DevTools),Ctrl + P(模糊搜索),开始输入代码段名称,ENTER(打开代码段),Ctrl + ENTER(执行代码段).我希望我错过了一些东西,并且有更快的方法.浏览器中的"片段工具栏"会很好. (3认同)
- 铬<3 <3 <3 (2认同)
- @PaulIrish 或 Ctrl-P，以便该字段为空并且您不必删除 `>`。谢谢你的提示！ (2认同)
Chrome开发者工具代码段支持允许创建/编辑/保存和执行javascript代码段.
- 此功能现在正在处理最新的chrome版本,但UI还不是很好.可以从导航器上下文菜单中操作片段. (3认同)
| 归档时间： |
|
| 查看次数： |
22836 次 |
| 最近记录： |