您如何检查 Chrome 中的网络检查器? [英] How do you inspect the web inspector in Chrome?

问题描述

根据谷歌的说法，这可以通过访问chrome-devtools://devtools/devtools.html"来完成.在 Chrome 中，但现在在稳定版本的 Chrome(或 Canary)中访问该页面，只显示 99% 剥离版本的检查器.

重申我的标题"这是指检查".检查员.不只是检查普通网页.

虽然我认为没有必要知道解决这个问题，但我正在检查检查员，所以我可以按照 Paul Irish 和这里的讨论来设计它:

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

这将在 DevTools 上打开 DevTools.

• 如果需要，您可以重新停靠页面的 DevTools.

1. 如果还没有，请选择元素——它是检查器顶部的第一个图标.

---

有点超出您的问题范围，但仍然可以通过了解 Chrome 开发者工具:远程调试 有效.

According to Google this can be accomplished by visiting "chrome-devtools://devtools/devtools.html" in Chrome but now visiting that page in the stable version of Chrome (or Canary), just shows a 99% stripped version of the inspector.

To reiterate my "title" this is in reference to "inspecting" the inspector. Not just inspecting a normal webpage.

And while I don't think it's necessary to know to resolve the issue, I"m inspecting the inspector so I can style it as discussed by Paul Irish and here: https://darcyclarke.me/articles/development/skin-your-chrome-inspector/

解决方案

Follow these easy steps!

1. Press Command+Option+i (Ctrl+Shift+i on Windows) to open DevTools.

2. Make sure that the developer tools are undocked into a new window. You may have to undock from the menu:

3. Press Command+Option+i again on this new window.

4. That will open the DevTools on the DevTools.

• You can redock the page's DevTools if you want.

1. If it's not already, select Elements — it's the first icon at the top of the inspector.

---

A little beyond the scope of your question, but still valid in understanding why you're experiencing your problem can be found by understanding how Chrome Developer Tools: Remote Debugging works.

这篇关于您如何检查 Chrome 中的网络检查器?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！