你如何检查铬检查员?

根据Google的说法,您可以通过访问Chrome中的“chrome-devtools://devtools/devtools.html”来完成,但是现在在Chrome(或Canary)的稳定版本中访问该页面时,只显示99%的剥离版本督察。

重申我的“称号”是指“检查”检查员。 不只是检查一个正常的网页。 这是一个截图: http : //cl.ly/JFzc

虽然我不认为有必要知道解决这个问题,但我要检查检查员,以便我可以像Paul Irish所讨论的那样对其进行devise: http : //darcyclarke.me/design/skin-your-chrome -inspector /

按照这些简单的步骤!

  1. Command + Option + i (Windows上的Ctrl + Shift + i )打开DevTools。
  2. 确保开发人员工具已脱离到新窗口中。 您可能不得不从菜单中取消: 从菜单上取消

  3. 在这个新窗口上再次按下Command + Option + i

  4. 这将打开DevTools上的DevTools。
    • 如果需要,可以重新locking页面的DevTools。
  5. 如果还没有,请select元素 – 这是检查器顶部的第一个图标。

稍微超出了你的问题的范围,但仍然有效地理解为什么你遇到你的问题可以通过了解如何使用Chrome开发工具:远程debugging工作。

  1. 打开chrome://检查
  2. 打开该页面上的检查员(cmd + alt + i)
  3. 滚动到页面底部,在Other部分下点击检查链接

Other部分的URL应该如下所示:chrome-devtools://devtools/devtools.html?docked = true&dockSide = bottom&toolbarColor = rgba(230,230,230,1 …

编辑:他们已经想出了铬:检查页面,所以你必须点击左边的其他标题,现在得到这个工作。

几个星期前,有人在stackoverflow的“javscript”聊天室中指出了这一点。 首先,非常重要的是, 确保检查员从浏览器窗口中脱离 。 那么这只是一个打开检查员窗口,然后检查该窗口的问题。 在窗口中,它是Ctrl Shift (编辑:我说, Ctrl Shift 我,但是,调出控制台检查控制台…你应该能够来回导航)键盘快捷方式。 (其他选项和操作系统的其他键盘组合在这里和这里 。)只要这样做两次,你很好。

编辑:好的,你可能会混淆视窗。 这是你点击,如果它是停靠.. 在这里输入图像描述

编辑二:我不太清楚你为什么不能检查。 JDavis的答案与苹果电脑的Google Docs一致。 如果你使用的是Linux,它和Windows一样。 当焦点在检查员窗口时,你应该点击检查员组合键。

我刚刚得到这个工作。 关键是你必须在“远程debugging”模式下启动chrome。

在OSX上,打开一个terminal窗口并执行以下操作:

 /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 

在Windows上,它的

 chrome.exe --remote-debugging-port=9222 

(更好的Windows说明可以在这里find: https : //developers.google.com/chrome-developer-tools/docs/remote-debugging#remote )

这将启动一个chrome实例,它将debugging消息发送到端口9222上的本地web服务器。

如果您访问该Web服务,它将使您能够使用检查器来检查正在运行的任何铬窗口。 由于我们要检查检查员,我们需要首先启动检查器窗口(如上所述使用快捷键;对于Mac,它是Command +选项+ i)。

现在,继续并导航到

 http://localhost:9222 

它会显示一个在debugging器中显示的窗口列表。 select以“开发人员工具”开头的窗口,您将能够检查检查员的CSS。

它很难在下面的图像中看到,但在左边,我有我的铬窗口指向远程debugging器,突出显示一个工具栏标签。 在右边,你会看到它和工具提示一样,就像我们正在debugging一个网页一样。

检查检查员