Есть ли способ проверить браузер на моих сайтах в разрешениях, которые выше моих экранов?
Например: у меня есть экран 1440 x 900, и я хочу протестировать веб-сайт в 1920 x 1200, 1920 x 1080 и т.д.
Как имитировать экран с более высоким разрешением?
Ответ 1
[Редактировать: сначала проверьте ваш браузер devtools! Как отмечает @SkylarIttner в комментариях, инструменты для адаптивного тестирования дизайна были внедрены с тех пор, как в большинстве браузеров было опубликовано приведенное ниже решение. Сейчас они, вероятно, лучший/самый простой вариант.]
Вы можете исправить меня, если я ошибаюсь, просто создать iframe с style="desired width & height" и src="your/test.site" в качестве единственного потомка <body>. Должен отображать сайт так, как если бы разрешение было указанной шириной/высотой, и приводить к полосам прокрутки для его изучения.
Не так удобно, как использование третьей стороны, когда вам приходится настраивать его самостоятельно, но имеет преимущество в том, что вы можете проводить локальные тесты без подключения к Интернету.
Ответ 2
Это решение работает быстрее, чем предлагаемые выше:
http://www.infobyip.com/testwebsiteresolution.php
Он не такой универсальный, как браузеры, но намного быстрее (несколько секунд против 45-минутной очереди).
Ответ 3
Некоторые идеи:
Использовать масштабирование браузера, 1024x768 50% масштабирование = 2048x1536, имитированное разрешение, я знаю, что Chrome изменяет размеры изображений и тому подобное. Все становится трудно читать, но я предполагаю, что вы тестируете место размещения и т.д.
Кроме того, вы можете использовать некоторые программы для скриншотов, чтобы сделать снимки более высокого, чем обычно, (fireshot в Firefox позволяет мне это делать, но имеет проблемы с памятью с действительно высоким разрешением и больше не является бесплатным).
Ответ 4
Одним из решений, возможно, будет излишним, будет использовать Xvfb: установите требуемое разрешение и глубину цвета, загрузите свою страницу в браузере ( s) и сделать снимок экрана.
Ответ 5
Попробуйте viewlike.us или screen-resolution.com. Это не все возможные разрешения, но самые распространенные. По крайней мере,
Я не пробовал их, но кажется довольно прямым.
Ответ 6
Хотя это не скажет вам точное разрешение вашего тестирования, вы можете использовать инструмент zoom в Chrome или FF для уменьшения. Это даст достаточно точное представление о том, как выглядит сайт на экранах более высокого разрешения.
Ответ 7
Если вы просто видите статический скриншот своего сайта, я бы рекомендовал http://browsershots.org/
Они дают вам возможность видеть скриншоты вашего сайта практически в любой комбинации браузера/ОС, включая возможность указывать размер экрана, а также целый набор других параметров.
Хорошо стоит закладок.
Ответ 8
Возможно, вы захотите попробовать wkhtmltoimage, который может принимать скриншоты при произвольных разрешениях.
Кроме того, в KDE4 можно увеличить окно за пределы размера экрана. Я думаю, что видел это и в Windows 7. Не уверен относительно других ОС.
Ответ 9
IE9 позволяет изменять размер окна браузера до произвольного размера: нажмите F12 для инструментов разработчика, перейдите в раздел Инструменты | Измените размер и выберите нужный размер. Затем используйте инструмент, который может захватывать экранные окна, если окно больше вашего экрана. Эта статья указывает, что Snagit может это сделать. Затем просто взгляните на захваченный рис.