从第 19 版开始，Chrome 的 Web Inspector 具有一项名为“sn-ps support”的实验性功能。激活方法如下：
打开 chrome:flags，启用“开发者工具实验”，重启。
打开Web Inspector（开发者工具），点击右下角的设置齿轮图标，启用“Snippets support”，重启。
打开 Scripts 面板，点击左侧的“导航树”图标，找到一个空的 Snippets 选项卡。
我的问题是：我可以用它做什么？如何使用 sn-ps 填充它？
【问题讨论】：
标签： javascript google-chrome-devtools web-inspector
简而言之，sn-ps 是一个多行控制台、一个迭代的 JS 开发工作流和一个用于常见调试助手的持久存储。
developers.google.com/chrome-developer-tools/docs/authoring-development-workflow#snippets
片段可以帮助的一些用例包括：
- 小书签 - 您的所有小书签都可以存储为 sn-ps，尤其是您可能希望编辑的小书签。
- 实用程序 - 可以存储和调试与当前页面交互的调试助手。提供了由社区策划的此类实用程序列表。
- 调试 - Snippets 提供了一个具有语法高亮和持久性的多行控制台，方便调试不仅仅是单行代码的代码。
- Monkey 修补代码 - 您希望在运行时修补的代码可以通过 Snippets 完成，但很多时候您可以在 Sources 选项卡中实时编辑代码。
最后，我个人一直在收集一些常见的 sn-ps，您可能会将它们包含在您的武器库中：github.com/paulirish/devtools-addons/wiki/Snippets
要快速运行 sn-ps，现在您可以执行此操作。 Ctrl-Shift-P 用于“命令面板”，然后退格，然后使用 !前缀，然后键入您要运行的任何 sn-p 名称。
【讨论】：
javascript:(function(){location.href=location.href.replace('youtube.com/watch','youtube.com/watch_popup')}())。 （我没有 Flash，YouTube 只为我在其“watch_popup”页面中加载 HTML5 视频。请参见此处：twitter.com/simevidas/status/368054720327204864）。还有jsgif 用于查看动画 GIF。我迷上了这两个，所以我的书签工具栏一直保持打开状态。
>。感谢您的提示！
我问 Paul Irish 是否对此有所了解，他也不确定，但说它还没有完全实现，并指向错误跟踪器，我找到了头部 ticket 并查看了一些代码diff 有很多FIXME: To be implemented. cmets。
【讨论】：
右键新建一个。
【讨论】：
Chrome 开发者工具 sn-ps 支持允许创建/编辑/保存和执行 javascript 代码 sn-ps。
【讨论】：
我自己无法激活该实验（我的 chrome:flags 中没有 Developer Tools experiments，但从 Safari 中，我找到了 this 的解释：
简而言之，它“是一个小实用程序，可让您输入 HTML 和 CSS 块并即时渲染它”。
从博文看来，它在 Safari 中似乎有问题，所以 Chrome 可能还没有实现它。
【讨论】：
你可以在这里找到有用的 sn-ps 列表http://bgrins.github.io/devtools-snippets/
一个有用的 sn-p 是 'jquerify.js' - 使用它，您可以将 jQuery 包含到任何页面中（如果它尚未包含）。
【讨论】：