你如何检查铬检查员? [英] How do you inspect the web inspector in chrome?

查看:148
本文介绍了你如何检查铬检查员?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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



重申我的标题是指检查检查员。不只是检查一个正常的网页。这是一个截图: / EM>在这个新窗口中。


  • 这将在DevTools上打开DevTools。


    • 如果需要,您可以重新锁定页面的DevTools。
  • >如果还没有,请选择元素 - 它是检查器顶部的第一个图标。






    稍微超出问题的范围,但仍可以理解了解如何解决您遇到问题的原因。 .com / chrome-developer-tools / docs / remote-debuggingrel =noreferrer> Chrome开发者工具:远程调试的作品。


    According to Google this you to 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. This is a screenshot: http://cl.ly/JFzc

    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: http://darcyclarke.me/design/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.
    5. 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.

    这篇关于你如何检查铬检查员?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

    查看全文
    登录 关闭
    扫码关注1秒登录
    发送“验证码”获取 | 15天全站免登陆