如何调试chrome devtools面板扩展？ [英] How to debug chrome devtools panel extension?

问题描述

如何检查我的面板html并调试它的javascript？

我试图编写Chrome DevTools扩展，但我有一些麻烦来调试它。 / p>

解决方案

如果您将开发工具（图标旁边的 x 右下角），然后在开发工具窗口关注的情况下按 Ctrl + Shift + I ，您将调用开发工具为开发工具窗口。

据我所知，这是不可能的停靠配置。

I am trying to write Chrome DevTools extension, but I am having some troubles to debug it.

How can I inspect my panel html and debug it's javascript?

解决方案

If you detach the Dev Tools (icon next to x in the top right corner) in a separate window, and press Ctrl+Shift+I while Dev Tools window is focused, you will invoke the Dev Tools for the Dev Tools window.

As far as I am aware, it's not possible for a docked configuration.

这篇关于如何调试chrome devtools面板扩展？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！