使用Inspect检查页面时，Chrome不显示屏幕的宽度和高度
最近我重新安装了我的电脑。 当完成重新安装使用时我注意到的一切检查，页面的屏幕高度和宽度不再显示在右上angular。
他们删除了它还是有我还没有find的秘密设置？ 或者可能是一个错误？ 这让我的生活变得更加轻松，当我不得不做一个网站响应。
截至2016年5月，Chrome再次具有此function。 屏幕尺寸
显然，它在最新的更新之一中被删除，但是你可以通过按F12然后按Ctrl + Shift + M来访问切换设备模式。
如果你不喜欢这种方式，你可以使用这个基于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
这绝对是一个有用的function，他们删除。 幸运的是，您可以使用Chrome扩展程序来实现相同的function：
在这里下载： 视口尺寸
安装后重新启动浏览器。 请享用！
我用我自己发现的一个巧妙的小窍门。 只需将光标保持在检查器的body节点上，以便在resize时始终高亮显示。 我真的希望他们重新整合这个function。
这是澄清的图像：
我创build了一个Chrome扩展，以模仿宽度X高度在右上angular的所有免费的旧样式。 以下是该插件的链接（FYI扩展程序不适用于Chrome插件页面，请不要担心）： https ： //chrome.google.com/webstore/detail/width-and-height-display/hhcddohiohbojnfdmfpbbhiaompeiemo？hl = EN-US＆GL = US
这里有一个截图： 
或者，我从上面接收了@Joefay和@ Micah（谢谢！）的答案，并在右上angular做了一个小小的视觉效果，所以在代码popup到控制台之后，您不需要保持控制台的打开状态。 每次打开新窗口或刷新页面时，您都必须将其粘贴。 希望这可以帮助。
var onresize = function() { var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var container = document.getElementById('heightAndWidth'); container.innerHTML = width + ' x ' + height; }; (function addHAndWElement() { var cssString = 'position:fixed;right:8px;top:8px;z-index:20000;background:rgba(0,0,0,0.6);color:#FFF;padding:4px;' var htmlDoc = document.getElementsByTagName('body'); var newDiv = document.createElement('div'); var divIdName = 'heightAndWidth'; newDiv.setAttribute('id',divIdName); newDiv.style.cssText = cssString; htmlDoc[0].appendChild(newDiv); onresize(); })();
该function没有被删除，现在有一个不同的方式来访问它。
- 进入Chrome开发工具
- 切换设备视图（Command + Shift + M / Ctrl + Shift + M）
- 然后，在下拉菜单中select“响应”选项
做完这些之后，你可以像往常一样来callback整窗口的大小。
我希望这有帮助！
它可能会回到Chrome的方式。 如果您使用Chrome Canary，它仍然具有相同的function。
我正在运行版本52.0.2707.0金丝雀
TL; DR确保从当前resize的选项卡打开开发者控制台。
这可能听起来像一个：面对手掌：对很多人来说，但是我在开发者控制台被打开的时候被绊了一下，却没有看到窗口的大小，因为我调整了大小，没有改变设置。
答案是，我有两个Chrome标签打开，每个标签显然有自己的开发者控制台。 切换标签页时不会切换。 因此，我用两个选项卡调整活动窗口的大小，但是因为打开控制台的选项卡没有激活，所以我没有看到我的尺寸。
