织梦CMS - 轻松建站从此开始!

欧博ABG官网-欧博官方网址-会员登入

How do you inspect t皇冠he web inspector in Chrome?

时间:2025-10-31 13:47来源: 作者:admin 点击: 4 次
I just got this to work. The key is that you have to start up chrome in 'Remote Debugging' mode. on OSX, open an terminal window and execute the fol

I just got this to work. The key is that you have to start up chrome in 'Remote Debugging' mode.

on OSX, open an terminal window and execute the following:

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

On windows, Its

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

(better windows instructions can be found here: )

This will start up an instance of chrome, that will send debugging messages to a local webserver on port 9222.

If you access that web service, it will give you the ability to use the inspector to inspect any chrome window that is running. Since we want to inspect the inspector, we need to start an inspector window first (As above Use the shortcut keys; for Mac it's Command+option+i.)

Now, go ahead and navigate to

:9222

It will present you with a list of windows to display in the debugger. Select the window that starts with "Developer Tools" and you'll be able to inspect the css for the inspector.

Its hard to see in the image below, but on the left I have my chrome window pointing at the remote debugger, highlighting one of the toolbar labels. On the right you see it lit up with the tooltip just as if we were debugging a web page.

Inspect the inspector

(责任编辑:)
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:
发布者资料
查看详细资料 发送留言 加为好友 用户等级: 注册时间:2025-11-03 07:11 最后登录:2025-11-03 07:11
栏目列表
推荐内容