我刚刚得到这个工作。关键是您必须在“远程调试”模式下启动chrome。
在OSX上,打开终端窗口并执行以下操作:
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222
在窗户上,
chrome.exe --remote-debugging-port=9222
(可以在以下网址找到更好的Windows说明:https : //developers.google.com/chrome-developer-tools/docs/remote-debugging#remote)
这将启动chrome实例,该实例会将调试消息发送到端口9222上的本地网络服务器。
如果您访问该Web服务,它将使您能够使用检查器检查任何正在运行的Chrome窗口。由于我们要检查检查器,因此需要首先启动检查器窗口(如上所述,使用快捷键;对于Mac,是Command + option + i。)
现在,继续浏览
http://localhost:9222
它将为您提供要在调试器中显示的窗口列表。选择以“ Developer Tools”开头的窗口,您将可以检查CSS的检查器。
在下图中很难看到它,但是在左侧,我的chrome窗口指向远程调试器,突出显示了工具栏标签之一。在右侧,您会看到它像工具提示一样亮起,就像我们在调试网页一样。