Chrome开发者工具：什么是片段支持？(Chrome Developer Tools: What

截至19版，Chrome的Web检查有一个名为“片段支持”实验性的功能。 以下是如何激活它：

1. 打开Chrome：标志，启用“开发者工具实验”，重新启动。

2. 打开Web检查（开发人员工具），打在右下角的设置齿轮图标，使“片段支持”，重新启动。

   

3. 打开脚本面板中，单击左侧的“导航树”图标，并找到一个空的片段标签。

   

我的问题是： 我可以使用什么用的？ 我如何与片段填充呢？

Answer 1:

总之，片段是一个多行控制台，迭代JS开发工作流程，并为共同调试助手持久性存储。

developers.google.com/chrome-developer-tools/docs/authoring-development-workflow#snippets

一些用例片段可以帮助有：

• 小书签 -所有的bookmarklet的可以存储为片段，尤其是那些你可能希望编辑。
• 实用程序 -调试助手与当前页面交互可以存储和调试。 这种公用事业的社区组织列表是可用的。
• 调试 -片段提供与语法高亮和持久性多行控制台，使得它便于调试代码比一个班轮多。
• 猴修补码 -你想在运行时补丁代码可以通过片段来完成，虽然很多时候，你可以只住编辑在Sources制表符码。

最后，我个人一直在收集一些常见的片段，您可以在您的阿森纳： github.com/paulirish/devtools-addons/wiki/Snippets

---

要快速运行段，现在你可以做到这一点。 按Ctrl-Shift-P键为“命令面板”，然后退格，并使用！ 前缀，然后输入要运行哪个片断名。

Answer 2:

我问保罗爱尔兰，如果他知道这事，他也不清楚，但表示，它尚未完全实现，并指出我的bug跟踪系统，我发现头车票 ，并寻找一些代码来制作diff有很多FIXME: To be implemented. 评论。

Answer 3:

右键单击创建一个新的。

Answer 4:

Chrome开发者工具片断支持允许创建/编辑/保存并执行JavaScript代码段。

Answer 5:

我无法激活亲自去体验一下（有没有Developer Tools experiments在我的chrome:flags ，但是从Safari浏览器，我发现这个解释：

总之，这“是一个小工具，允许你输入HTML和CSS的块，并把它渲染上飞”。

从博客文章，现在看来，这是在Safari越野车，所以也许Chrome在没有实现它。

Answer 6:

您可以在这里找到有用的片段列表http://bgrins.github.io/devtools-snippets/

有用的片段之一是“jquerify.js” - 使用这个可以包括jQuery的在任何页面，如果尚未包含它。

文章来源: Chrome Developer Tools: What is Snippets Support?