debugging 如何进入这个方便的调试屏幕?

xj3cbfub  于 2022-11-14  发布在  其他
关注(0)|答案(2)|浏览(118)

在Chrome中调试一个网页时,我的手指滑了一下,按下了键盘上的某个组合键(F12键附近),得到了这样一个屏幕:

这对于开发移动的页面非常方便,实际上是我一直在寻找的东西。现在我不知道我是怎么得到这个的。
那么,我该怎么回到这个屏幕。

hujrc8aj

hujrc8aj1#

这是模拟屏幕,按F12键,然后单击左上角的移动的。

nzk0hqpo

nzk0hqpo2#

很简单,按F12打开开发者控制台。
然后,显示设备选择选项:

Ctrl + Shift + M in Windows/Linux
Cmd + Shift + M in Mac

要显示标尺,请转到:
在“设置”〉“常规”〉“显示标尺”下,可以启用标尺,当您将鼠标悬停在元素面板中的某个元素上或选择该元素时,将显示该标尺。
Chrome的所有键盘快捷键都可以在这里找到:https://developer.chrome.com/devtools/docs/shortcuts

相关问题