扩展 google chrome devtools 样式检查器

Question

是否可以向 chrome devtools 添加自定义功能？

我想在 chrome 样式检查器中添加一个按钮（图中的绿色按钮）。

单击按钮时，我想显示带有文件和行号的警报。

我从 google 文档 中了解了扩展 devtools，但找不到任何可以按照我的预期去做的事情。

如果你认为有可能，你能告诉我一些起点吗？

谢谢。

Answer 1

这里是 DevTools 技术作家。它不受官方支持，但您可以通过多种方式非正式地扩展 DevTools：

• 写一个扩展，就像 ceejayoz 在 cmets 中提到的那样。
• 你也许可以write a Snippet that automates the DevTools behavior你想实现的。这个工作流程非常老套/复杂，但功能强大。
• Run your own modified version of the source code。设置起来非常简单。