Плагін браузера, щоб змінити розмір вікна для тестування веб-переглядача


9

Коли я роблю веб-сайт, я працюю на своєму зовнішньому дисплеї 22 ", що добре, але щоб краще уявити, як виглядатиме сайт на менших екранах, я повинен змінити розмір вікна браузера.

На даний момент я використовую http://resizemybrowser.com/ (який також має розширення сафарі), але я блукав, якщо там плагін браузера Firefox або хрому, що дозує щось подібне, я шукав, але поки що нічого не зміг знайти.


Які інструменти ви використовуєте для веб-розробки?
MDMoore313

піднесений текст і сновидіння, але я все більше й більше схиляюся до піднесеного
сам

Відповіді:


13

Щойно копався у firefox і виявив, що він також має режим "Чуйний дизайн". Перейдіть до веб-розробникачуйний дизайн .

введіть тут опис зображення

Після цього ви отримаєте спадне меню з попередньо встановленими роздільними можливостями:

введіть тут опис зображення


Чи існує api для цього варіанту? Як, якщо ви змінили його з внутрішнього коду Addon?
Камаль Редді

3

Це насправді вбудована функція в Chrome.

  1. Відкрийте DevTools ( F12)

  2. Відкрийте Налаштування

    введіть тут опис зображення

  3. Встановіть потрібний розмір вашого вікна на панелі « Перекриття» .

    введіть тут опис зображення

Примітка. Вибираючи Агент користувача на цій панелі, Chrome автоматично намагатиметься вибрати правильні показники пристрою для вибраного агента.


2

Для Chrome ви можете скористатися Wiz Resizer . Для Firefox ви можете використовувати Firesizer .


2
Зауважте, що в грудні 2013 року з цим плагіном виникли суперечки після оновлення, яке почало перенаправляти пошук Google через третю сторону
Чарльз Уеслі
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.