你如何检查铬检查员?
根据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 /
按照这些简单的步骤!
- 按Command + Option + i (Windows上的Ctrl + Shift + i )打开DevTools。
-
确保开发人员工具已脱离到新窗口中。 您可能不得不从菜单中取消:
-
在这个新窗口上再次按下Command + Option + i 。
- 这将打开DevTools上的DevTools。
- 如果需要,可以重新locking页面的DevTools。
- 如果还没有,请select元素 – 这是检查器顶部的第一个图标。
稍微超出了你的问题的范围,但仍然有效地理解为什么你遇到你的问题可以通过了解如何使用Chrome开发工具:远程debugging工作。
- 打开chrome://检查
- 打开该页面上的检查员(cmd + alt + i)
- 滚动到页面底部,在
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一个网页一样。