☰

通过点击图标来打开、最小化或最大化 Google Chrome 开发者工具？

tag-icon • tag-icon google-chrome
通过点击图标来打开、最小化或最大化 Google Chrome 开发者工具？

有没有办法通过点击图标来打开 Chrome 开发者工具？

Chrome 是否提供可以放在工具栏上的图标？是否可以从扩展程序打开开发者工具？（直接调用、创建自定义键盘事件，还是其他方式？）将其放在书签栏上的书签中？

答案1

Chrome 是否提供可以放在工具栏上的图标

Chrome 确实可以，但为此你必须创建自定义的 Chrome 扩展程序，并且即使创建之后，它也只能调出清单中定义的扩展程序选项页面

将其放入书签栏的书签中

理论上是的。开发者工具的 URL 是chrome://chromewebdata。实际上，这不起作用，单击此 URL 时会弹出开发者工具除非开发人员工具实例已打开

答案2

此 URL 会打开 Chrome Devtools，但它会以全屏方式打开（覆盖整个浏览器区域）：

chrome-devtools://devtools/bundled/devtools.html

此 URL 有如下查询参数：

dockSide=bottom&toolbarColor=rgba(223,223,223,1)&textColor=rgba(0,0,0,1)

在此，我猜测如果我可以找到查询参数的替代值dockSide，我们就可以控制开发人员工具坞的大小/位置并根据我们的意愿放置它。

我尝试使用其他查询参数toolbarColor，textColor但没有成功:(

任何建议都会很有帮助！！

相关内容