Я делаю адаптивный веб-сайт, на котором мне нужно протестировать рендеринг css, html, javascript моей веб-страницы с разрешением 2400 пикселей, в то время как мой экран только 1900 пикселей.
Я делаю адаптивный веб-сайт, на котором мне нужно протестировать рендеринг css, html, javascript моей веб-страницы с разрешением 2400 пикселей, в то время как мой экран только 1900 пикселей.
Ответы:
В браузере Chrome:
Нажмите F12. Это откроет DevTools.
Нажмите значок настроек в правом нижнем углу. Это откроет настройки DevTools.
Перейдите в Overrides в левом меню.
Проверьте Включить и Метрики устройства.
Введите разрешение экрана
Я всегда им пользуюсь, это действительно удобно.
Если вы нажмете Ctrl+ Shift+ Mв последних версиях Firefox, вы войдете в Responsive Design View , который может изменить размер окна просмотра браузера, чтобы он был больше, чем фактический размер экрана. Вы также можете делать скриншоты и моделировать сенсорные события с FF 26 и далее.
Возможно, вам будет легче изменить размер после того, как вы уменьшите размер окна - вы можете перетаскивать размеры дальше за один раз. Или просто введите пользовательский пресет из выпадающего списка.
Вы можете попробовать этот веб-сайт, он позволяет вам тестировать веб-страницу с любым разрешением экрана, которое вы можете выбрать из предварительно заданных разрешений или ввести свое собственное разрешение. Надеюсь, вы найдете эти строки полезными.
Этот вопрос, вероятно, больше подходит для веб-мастеров, но я постараюсь ответить на него и предложить ViewLikeUs, который
позволяет проверить, как выглядит ваш сайт в самых популярных форматах разрешения.
Добавьте собственное разрешение экрана на панели управления вашей видеокарты.
Попробуйте онлайн-тестер разрешения, он предлагает различные разрешения для тестирования вашего сайта, просто введите URL своего сайта, выберите разрешение и проверьте его.
Надеюсь это поможет!!!
Вы можете попробовать аддон для Chrome: тестер разрешения, который поддерживает пользовательские разрешения :)
Просто измените масштаб в вашем браузере, когда вы уменьшаете, по сути, размер вашего окна сообщает все большую и большую ширину вашему приложению.
Пример jsfiddle здесь , просто нажмите на кнопку, посмотрите ширину, которую он сообщает, затем немного уменьшите масштаб и нажмите ту же кнопку - он сообщит о большем размере.
Попробуйте пользовательские настройки разрешения в эмуляторе устройства в Google Chrome. Это дает вам больше контроля, чем использование функции масштабирования браузера.
Включите эмулятор устройства и отметьте опцию «увеличить по размеру».
Вручную введите разрешение до 9999 пикселей в ширину (или перетащите края эмулируемого экрана. Эмулированное разрешение будет масштабировано для соответствия вашему собственному окну просмотра.
Вы можете держать низкую высоту разрешения на самом деле, так как вы сможете прокрутить вниз в любом случае. Таким образом, вы можете держать инспектора открытым. Отличный рабочий процесс для веб-разработки!