Как смоделировать ширину устройства и ориентацию в браузере для проверки медиа-запросов?

Question

Я разрабатываю свой сайт локально и использую Chrome для предварительного просмотра. В то время как браузер действительно легко изменить размер для тестирования медиа-запросов, которые используют max/min-width, это не возможно из того, что я могу сказать, чтобы смоделировать max/min-device-width с любыми встроенными настройками. Есть ли расширение Chrome, которое будет имитировать мобильное устройство и запускать медиа-запросы, в частности max/min-device-width а также orientation:portrait/landscape?

Я бы хотел проверить этот медиазапрос с помощью Chrome на моем компьютере, а не на смартфоне:
@media only screen and (max-device-width: 600px) and (orientation: portrait)

Answer 1

Эмуляция мобильного устройства доступна как встроенная функция для Chrome, которая в настоящее время находится на бета-канале. Вам необходимо включить его в настройках DevTools.

Answer 2

Попробуйте это... Я думаю, что это именно то, что вам нужно... https://chrome.google.com/webstore/detail/responsiview/kcemonjjmilbiepahkhanlkddonpjlep?hl=en-US