Как получить размер экрана для показа при открытии консоли Chrome?

Я только что обновил до последней версии Chrome (49.0.2623.87). Я заметил, что небольшая функция отсутствует.

Если я просматривал страницу с открытой консолью, и я изменил размер браузера, в правом верхнем углу Chrome имел небольшой показатель того, какой размер видового экрана браузера. Это исчезло. Как мне вернуть его?

Ответ 1

Известная ошибка, уже зафиксированная: https://bugs.chromium.org/p/chromium/issues/detail?id=582421

Он должен приземлиться в М50. Если вам это нужно раньше, то в настоящее время он находится в Канарее (бок о бок со стандартными хромами), или вы можете использовать канал Dev в Chrome.

Ответ 2

Временное решение:

1- Щелкните правой кнопкой мыши элемент html в Инструментах разработчика (Элементы)

2- Щелкните внутри окна веб-сайта

Ответ 3

ошибка исправлена в версии 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);
    }
}

Ответ 4

function winSize() {
    console.log(`
Inner Width: ${this.innerWidth}
Inner Height: ${this.innerHeight}
Outer Width: ${this.outerWidth}
Outer Height: ${this.outerHeight}
`);}

winSize();

В любое время, когда вы хотите проверить размер окна, запустите winSize(). Обратите внимание, что вы можете использовать клавиши со стрелками вверх/вниз в консоли для прокрутки через используемые вами команды.