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

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

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

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

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

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

Ответы [ 8 ]

9 голосов
/ 21 марта 2010

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

2 голосов
/ 21 марта 2010

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

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

1 голос
/ 29 апреля 2013

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

1 голос
/ 21 марта 2010

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

1 голос
/ 21 марта 2010

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

http://browsersize.googlelabs.com/

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

1 голос
/ 21 марта 2010

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

0 голосов
/ 22 марта 2010

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

0 голосов
/ 21 марта 2010

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

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

Принимает "браузер рендеринга" - вы будетенеобходимо создать бесплатную учетную запись 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)

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...