Google chrome 当Chrome控制台打开时，如何获得屏幕大小以显示？

我刚刚升级到Chrome的最新版本（49.0.2623.87）。我注意到一个轻微的特征缺失

---

如果我在打开控制台的情况下查看页面并调整浏览器的大小，则在右上角，Chrome会有一个小指示器，指示浏览器视口的大小。那已经过去了。如何取回它？

已知错误，已修复：

---

它应该在M50着陆。如果您需要它，那么它目前在金丝雀（与标准Chrome并排），或者您可以使用Chrome的开发频道。

50版本中修复了错误，但现在是临时解决方案：

$(document).ready(function() {
    showSize = ShowSize($(window).width(), $(window).height());
    $(window).resize(function() {
        showSize($(window).width(), $(window).height());
    });
});
function ShowSize(winW, winH){
    var scrollBarWidth = winH < $(document).find('body') ? 17 : 0; 
    $('body')
        .find(".size-window")
        .remove()
        .end()
        .append('<div class="size-window">'+(winW + scrollBarWidth) +' x '+winH+'</div>')
        .find(".size-window")
        .css({
            position: 'fixed',
            right: '10px',
            top: '10px',
            color: '#fff',
            background: 'rgba(0,0,0,0.5)',
            padding: '5px'
        });
    return function(winW, winH){
        scrollBarWidth = winH < $(document).find('body') ? 17 : 0;
        $('body').find(".size-window").text(winW+ scrollBarWidth +' x '+winH);
    }
}

$（文档）.ready（函数（）{
showSize=showSize（$（窗口）.width（），$（窗口）.height（））；
$（窗口）。调整大小（函数（）{
showSize（$（window.width（），$（window.height（））；
});
});
函数ShowSize（winW、winH）{
var scrollBarWidth=winH<$（文档）.find（'body'）？17:0；
$（“正文”）
.find（“.size窗口”）
.删除（）
(完)
.append（“”+（winW+scrollBarWidth）+“x”+winH+“”）
.find（“.size窗口”）
.css({
位置：'固定'，
右：'10px'，
顶部：“10px”，
颜色：“#fff”，
背景：“rgba（0,0,0,0.5）”，
填充：“5px”
});
返回函数（winW、winH）{
scrollBarWidth=winH<$（文档）.find（'body'）？17:0；
$（'body'）.find（'size window'）.text（winW+scrollBarWidth+'x'+winH）；
}
}

临时解决方案：

$(document).ready(function() {
    showSize = ShowSize($(window).width(), $(window).height());
    $(window).resize(function() {
        showSize($(window).width(), $(window).height());
    });
});
function ShowSize(winW, winH){
    var scrollBarWidth = winH < $(document).find('body') ? 17 : 0; 
    $('body')
        .find(".size-window")
        .remove()
        .end()
        .append('<div class="size-window">'+(winW + scrollBarWidth) +' x '+winH+'</div>')
        .find(".size-window")
        .css({
            position: 'fixed',
            right: '10px',
            top: '10px',
            color: '#fff',
            background: 'rgba(0,0,0,0.5)',
            padding: '5px'
        });
    return function(winW, winH){
        scrollBarWidth = winH < $(document).find('body') ? 17 : 0;
        $('body').find(".size-window").text(winW+ scrollBarWidth +' x '+winH);
    }
}

1-右键单击开发者工具（元素）中的

html

元素

2-在网站窗口内单击

任何时候要检查窗口大小，请运行

winSize（）

。 请注意，您可以使用Console中的向上/向下箭头键滚动浏览您使用过的命令。

（Chrome 64）

打开Chrome开发工具（F12）

在调整大小时，请注意右上角的，您将看到一个小的chrome样式通知，显示当前窗口大小，将很快消失

---

谢谢！我会处理到50出来。优秀的临时解决方案！谢谢你的提示！只要在上面悬停也可以。非常感谢你的提示！