Адаптивный вид на Firefox Инструменты разработчика показывают неправильную ширину

Question

Я тестировал веб-сайт с помощью Инструмента разработчика Firefox и столкнулся со странной ошибкой. Затем я проверил ширину окна с помощью простого журнала консоли console.log($(window).width) и увидел, что заявленная ширина в инструментах разработчика не совпадает с обнаруженной javascript.

Я пробовал, чем с Google DevTools и показанная ширина соответствовала ширине журнала консоли.

Это ошибка Firefox или я что-то не так делаю? На самом деле на реальном мобильном устройстве и в Google DevTools веб-сайт работает должным образом, но если я тестирую ту же страницу на Firefox, я вижу ошибку, которой на самом деле не существует (и по этой причине я потерял некоторое время) .

Это пара скриншотов, чтобы лучше объяснить, что я имею в виду:

Google Chrome

Firefox

Изменение размера окна браузера не влияет на JavaScript $(window).width

Answer 1

Проблема в документации для инструментов разработчика IMHO.

В них ничего не говорится о Touch Simulation , изменяющем поведение рендеринга.

AFAIK, Touch Simulation активирует некоторую форму режима «логических пикселей», где длины переводятся с использованием DPI устройства или, возможно, DPR.

Отключите его и убедитесь сами.