Я хотел бы ввести значение ширины для размера экрана, чтобы я мог сделать правильные точки разрыва. Я часто пытаюсь ввести один пиксель за раз от размера к другому. Это не всегда успешно в Chrome, так как я иногда использую два пикселя за раз. Есть ли способ сделать ширину определенной шириной?

Я использую Mac OS X. Этот вопрос связан с инструментами разработчика, потому что я спрашиваю, как я могу использовать его для установки ширины окна браузера с помощью клавиатуры. Если я отрегулирую ширину между экраном разработчика и страницей с помощью мыши, появится число, указывающее ширину и высоту окна. Это полезно при использовании точек останова для создания адаптивных веб-сайтов. Я хотел бы знать, как сделать это с моей клавиатурой, чтобы мне не приходилось использовать мышь, чтобы получить точечную точность.

3 ответа3

2

В Chrome есть расширение под названием «Инструменты веб-разработчика». Это расширение имеет функцию, позволяющую изменить размер браузера до определенного размера HxW. Вы даже можете настроить свои собственные размеры.

(Не уверен, что мне разрешено публиковать ссылки, поэтому я буду воздерживаться от этого).

Редактировать:

Спасибо, Уилл!

Вот ссылка на автора расширения: http://chrispederick.com/work/web-developer/

2

В Chrome Developer Tools откройте Консоль, затем выберите вкладку Эмуляция. Здесь вы найдете "Устройство" для выбора из списка распространенных устройств (например, iPhone; это также изменит пользовательский агент при отправке на сервер), а также "Экран" для установки размеров вручную.

См. Также Эмуляция мобильных устройств в справке Chrome.

0

Есть также другое расширение, называемое Window Resizer (https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh), которое работает так же, как упомянутое @Marcelo. Это может быть полезно любому пользователю более старой версии Chrome.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .