В свете недавнего спора (декабрь 2013 г.) через расширение Chrome под названием "Window Resizer", каковы альтернативные решения для быстрого изменения размера браузера Chrome для реагирования тестирование разработки?
Альтернатива расширению Chrome "Window Resizer"
Ответ 1
Резолюция может быть возможной альтернативой.
Тест разрешения изменяет размер окна браузера для разработчиков для предварительного просмотра своих веб-сайтов в разных разрешениях экрана. Оно включает список широко используемых разрешений и возможность список. Он также дает пользователям возможность включить размер браузера Google.
Он доступен в интернет-магазине Chrome:
https://chrome.google.com/webstore/detail/resolution-test/idhfcdbheobinplaamokffboaccidbal
Ответ 2
Другим нативным решением для тестирования гибких проектов является использование встроенных инструментов разработчика Chrome. Выберите Инструменты- > Инструменты разработчика, затем щелкните значок шестеренки в правом нижнем углу окна, которое появляется. Нажмите "Включить", затем нажмите "Метрики устройства", и вы можете указать, какое разрешение вы хотите реплицировать.
Кроме того, изменив "Пользовательский агент" на этом экране, Chrome устанавливает метрики устройства для выбранного устройства, что может оказаться полезным, когда вы решаете, где ваши отзывчивые точки останова должны быть для более популярных устройств.
Это не так просто, как расширение с двумя нажатиями, но оно имеет то преимущество, что оно является решением без расширения, а также с использованием точных измерений экрана реальных устройств.
Ответ 3
ДА!
Я рекомендую избегать расширений, мастер-хром-инструментов для разработчиков с быстрыми клавишами.
Откройте их, используя
F12
или
ctrl + shift + i (Gnu/Linux или Windows)
cmd + opt + i (Mac)
или
Меню > Инструменты > Инструменты разработчика
EDIT: Обновлены скриншоты, чтобы отразить недавние изменения параметров chrome dev.
Гиф говорит лучше!
(подсказка: открыть изображение на новой вкладке)
Ответ 4
Чтобы обновить ответ @Dave, с Chrome 35.0.1916.153 м вам нужно выбрать значок "Показать ящик" ( > =) слева от значка шестеренки, выбрать "Источники", затем вкладку "Эмуляция".
Чтобы получить самые последние инструменты, перейдите в @FireCodings ссылку в инструменты для разработки мобильных эмуляторов Google и загрузите/установите Chrome Canary. Затем в Canary выберите Tools- > Developer Tools, щелкните значок мобильного телефона в левом верхнем углу окна инструментов (внизу браузера), выберите "Источники", а затем "Эмуляция". На странице страницы Google есть информация о том, как использовать инструменты.
Ответ 5
Другая (более безопасная) альтернатива - сделать вас собственными.
В Google есть много документации по созданию расширений. Я сделал это действительно простое расширение, которое делает все, что мне нужно для проекта, вы также можете найти код для этого на github.
Ответ 6
Вот ярлык окна resizer, который отлично работает:
Ответ 7
Собственно, разработчик отказался и в итоге удалил часть своего кода (называемого "Ecolinks" ) из своего расширения. На сегодняшний день ожидается, что партнерский материал будет утерян.
Источник: https://productforums.google.com/d/msg/chrome/mlAD1ygc0v0/gKLKWxoGrkIJ
Список изменений для версии 1.9.0.3
Версия 1.9.0.3 (2014-01-15): Из-за популярного спроса я удалил EcoLinks.
Ответ 8
В Windows с установленным AutoHotKey сохраните ниже в файле resize-chrome.ahk и дважды щелкните для запуска:
WinMove, ahk_exe chrome.exe,, 0, 0, 1024, 768
Ответ 9
Попробуйте это один раз. Я нахожу его лучше, чем любое другое расширение Chrome.
Ответ 10
Вы можете загрузить расширение прямо из этого сообщения на официальном сайте разработчика
http://windowresizer.userecho.com/topic/353032-did-you-pull-your-extension-from-the-google-store/
Я тоже пытался найти что-то, но не похоже на это расширение, лучшее для меня до сих пор