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

Question

在Chrome中调试网页时，我的手指滑了，我按下键盘上的某些东西（F12键周围）。我有这个屏幕：

这对于开发移动页面非常方便，实际上我一直在寻找。现在我无法弄清楚我是如何得到这个的。

那么，我该如何回到这个屏幕。

Answer 1

这是仿真屏幕，按F12然后点击左上角的手机。默认情况下，标尺可见。顺便说一句，在你发布的截图中，手机是蓝色的，这意味着你在仿真屏幕上

Answer 2

简单，按F12打开开发者控制台。

然后，显示设备选择选项：

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

要显示标尺，请转到：

  

在设置＆gt;下一般＆gt;显示标尺可以启用标尺   将鼠标悬停在上方或选择中的元素时将显示   元素面板。

Chrome的所有键盘快捷键都可以在此处找到： https://developer.chrome.com/devtools/docs/shortcuts