使用Inspect检查页面时,Chrome不显示屏幕的宽度和高度

Question

最近我重新安装了我的电脑.完成后重新安装我注意到使用Inspect时,屏幕高度和页面宽度不再显示在右上角.

他们删除了它还是有秘密设置我还没找到？或者也许是一个bug？当我不得不使网站响应时,这使我的生活变得如此简单.

Answer 1

显然它是在最新的更新中删除的,但是您可以通过按F12然后按Ctrl + Shift + M来访问Toggle设备模式.

如果你不喜欢这种方式,你可以使用这个基于javascript的例子来告诉你窗口的当前宽度:

var onresize = function() 
{
   var width = window.innerWidth
   || document.documentElement.clientWidth
   || document.body.clientWidth;
   console.log(width);
}

按F12键,然后按Esc键查看控制台.

根据这个答案:https://stackoverflow.com/a/28241682/3399806

Answer 2

这绝对是他们删除的有用功能.幸运的是,您可以使用Chrome扩展程序来实现相同的功能:

在此处下载:视口尺寸

安装后重新启动浏览器.请享用!

Answer 3

我用自己发现的一个巧妙的小技巧.只需将光标放在body检查器中的节点上,以便在调整大小时不断突出显示.我真的希望他们重新整合这个功能.

这是一张图片以供澄清:

Answer 4

自2016年5月起，Chrome再次拥有此功能。屏幕尺寸