Хром не показывают ширину и высоту экрана при осмотре страница с проверить

Видимо, его убрали в одном из последних обновлений, однако вы можете открыть режим переключения устройства по нажатию клавиши F12 и нажмите Ctrl + сдвиг + М.

Если вам не нравится этот способ, вы можете использовать этот пример, основанный на 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

Это было, безусловно, полезная функция, что они удалены. К счастью, там'ы расширение Chrome, которое можно использовать для достижения той же функциональности:

Скачать здесь: вьюпорта

Перезапустите браузер после установки. Наслаждайтесь!

Я использую аккуратный маленький трюк, который я узнал себя. Просто держите курсор на узел "тело" в инспекторе так, что она'ы постоянно подсвечивается при изменении размера. Я очень надеюсь, что они вернуть эту функцию.

Вот изображение для пояснения:

Как из May2016, хром снова эту функцию.размер экрана

Я создал расширение для Chrome имитируют старый стиль, имеющий ширина х высота в верхнем правом углу, который является бесплатным для всех. Здесь'ы ссылка на плагин (к вашему сведению расширения не работают на странице плагинов хрома так Дон'т беспокоиться): https://chrome.google.com/webstore/detail/width-and-height-display/hhcddohiohbojnfdmfpbbhiaompeiemo?hl=en-US&gl=US

Здесь'ы скриншот:

Кроме того, я принял @Joefay и @Миха'ов (спасибо!) ответ сверху и немного визуально в правом верхнем углу, так что вы Дон'т нужна, чтобы держать консоль открытой после извлечения кода в консоли. Вы будете иметь, чтобы вставить его в каждый раз, когда вы открываете новое окно или же обнови страницу. Надеюсь, что это помогает.

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();
})();

МНОГАБУКАФ. Убедитесь, что консоль разработчика была открыта на вкладке вы текущие изменения.

Это может звучать как :фейс-Палм: для многих людей, но я споткнулся на нескольких разработчиков консолей были открыты, но не вижу размеров окна, как я изменены это, никаких изменений в настройки.

Ответ был, что у меня две хромированные открытых вкладок, и каждая вкладка, видимо, есть своя консоль разработчика. Он не переключается при переключении вкладок. Следовательно, я был изменение размеров активного окна с обеих вкладках, а потому, что вкладка, где я открыл консоль не активна, я не вижу моих измерений.

Объект не был удален, там'с другой способ получить к нему доступ сейчас.

1. Зайти в Инструменты разработчика Chrome
2. Переключить вид устройства (команда + Shift + м / сочетание клавиш Ctrl + Шифт + м)

3. Затем, в выпадающем меню выберите "не реагировать" и вариант

После этого, вы'll быть в состоянии изменить размер окна взад и вперед, наблюдая за точный размер окна, как всегда.

Я надеюсь, что это помогает!

Он может работать, это's путь обратно в Хром. Если вы используете Chrome Канарейка он по-прежнему имеет ту же особенность.

Я использую версию 52.0.2707.0 Канары

https://www.google.com/chrome/browser/canary.html