Недавно я переустановил мой компьютер. Когда закончите переустановить все, что я заметил при использовании проверьте, что высота экрана и ширина страницы больше не показывают в верхнем правом углу.
Они удалить его или есть какой-то секрет настройки я не'т нашли еще? или, может быть, ошибка? Это сделало мою жизнь намного легче, когда мне пришлось сделать сайт отзывчивым.
Видимо, его убрали в одном из последних обновлений, однако вы можете открыть режим переключения устройства по нажатию клавиши 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, которое можно использовать для достижения той же функциональности:
Скачать здесь: вьюпорта
Перезапустите браузер после установки. Наслаждайтесь!
Я использую аккуратный маленький трюк, который я узнал себя. Просто держите курсор на узел "тело" в инспекторе так, что она'ы постоянно подсвечивается при изменении размера. Я очень надеюсь, что они вернуть эту функцию.
Вот изображение для пояснения:
Я создал расширение для 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();
})();
МНОГАБУКАФ. Убедитесь, что консоль разработчика была открыта на вкладке вы текущие изменения.
Это может звучать как :фейс-Палм: для многих людей, но я споткнулся на нескольких разработчиков консолей были открыты, но не вижу размеров окна, как я изменены это, никаких изменений в настройки.
Ответ был, что у меня две хромированные открытых вкладок, и каждая вкладка, видимо, есть своя консоль разработчика. Он не переключается при переключении вкладок. Следовательно, я был изменение размеров активного окна с обеих вкладках, а потому, что вкладка, где я открыл консоль не активна, я не вижу моих измерений.
Объект не был удален, там'с другой способ получить к нему доступ сейчас.
После этого, вы'll быть в состоянии изменить размер окна взад и вперед, наблюдая за точный размер окна, как всегда.
Я надеюсь, что это помогает!
Он может работать, это's путь обратно в Хром. Если вы используете Chrome Канарейка он по-прежнему имеет ту же особенность.
Я использую версию 52.0.2707.0 Канары