Какой инструмент можно использовать для тестирования моего веб-приложения в разных разрешениях?

Question

Назад в прошлое,

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

Так есть ли какая-либо веб-страница или приложение, где я могу увидеть, как выглядит моя веб-страница в другом разрешении?

А вот разрешения, которые я хотел бы проверить ..

1. 1024x768    24.56%  
2. 1280x800    22.06%  
3. 1280x1024   13.42%  
4. 1366x768    7.10%  
5. 1440x900    6.68% 

Answer 1

Возможно, вы думаете о http://browsershots.org/?

Answer 2

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

Лучше всего убедиться, что ваш сайт доступен для просмотра во всем: от маленьких окон (просто измените размер браузера) до больших.

Answer 3

Существует еще один онлайн-инструмент под названием ScreenFly, который очень хорош, и вы даже можете проверить наличие планшетов, телевизоров, мобильных телефонов. screenfly

Answer 4

Расширение Chrome и Дополнение Firefox для изменения размера вашего браузера до различных стандартных размеров разрешения ...

Answer 5

Для просмотра того, какой процент людей видит размер вашей веб-страницы:

http://browsersize.googlelabs.com/

Также: плагин веб-разработчика для Firefox (меню «Изменить размер»).

Answer 6

Если вы хотите проверить различные разрешения и браузеры, то BrowserShots , возможно, было тем, с чем вы сталкивались ранее, посмотрите на это.

Answer 7

Multibrowserviewer - отличный (платный) инструмент для поддержки нескольких браузеров, я знаю, что он не бесплатный, но стоит посмотреть даже на пробный период.

Answer 8

Существует множество утилит для просмотра вашего веб-сайта в разных разрешениях.

Некоторые из них установлены на ПК, некоторые онлайн-сервисы, подобные этим:

Принимает "браузер рендеринга" - вы будетенеобходимо создать бесплатную учетную запись Adobe:

http://browserlab.adobe.com

Хорошо, но не бесплатно, если вы хотите быстро, насколько я помню:

http://browsershots.org/

Google - показывает, какая часть вашего сайта видна на основе статистики из Google: http://browsersize.googlelabs.com/

Но, насколько я знаю, в настоящее время чаще всего проектное разрешение составляет 1024x768, даже если высота не равнаэто важно из-за популярного колеса прокрутки на большинстве мышей / пэдов.

Если вы разрабатываете для разработки для этого разрешения, есть большая помощь в разработке в «растущем стандарте», называемом сеткой 960, который основан на том, сколькопрофессиональные дизайнеры создают дизайн.

Вы всегда создаете невидимую «сетку», а затем используете ячейки для упорядочивания содержимого.Очень похоже на старую «настольную» систему, но гораздо больше ориентировано на профессиональный дизайн.

Что касается вашего вопроса, список%, который вы перечислили, похоже, вы бы чаще всего использовали ссылку "Google" выше.

Наконец, всегда не забывайте проверять, как ваш сайт выглядит в наиболее используемых браузерах.Для меня эти 4 будут:

1. Internet Explorer (последняя и предыдущая версия, используйте более одного компьютера для проверки, если вы не можете выполнить его двойную установку)

2. Mozilla Firefox (последний и, возможно, предыдущий ... но они вносят меньше изменений в визуализацию, поэтому с последним все будет в порядке)

3. Google Chrome (тоже потрясающие инструменты отладки,и очень стабильный браузер)

4. Safari (поэтому убедитесь, что вы поддерживаете MacOSX)

Это мое мнение.