Как выглядит ваш сайт на iPad и iPhone - тестируем сайт на эмуляторах
17/02/2013
Скопируйте и вставьте URL тестируемой веб-страницы.
Универсальные эмуляторы просмотра сайта на разных устройствах онлайн
- http://symby.ru/adaptest/
- https://www.browserstack.com/responsive
- http://www.responsinator.com/
- http://mattkersley.com/responsive/
- http://www.jamus.co.uk/demos/rwd-demonstrations/
- http://mobiletest.me/
- http://ready.mobi/
Букмарклет
Сохраните букмарклет и смотрите сайт на разных устройствах на лету (что такое букмарклет и как сохранить).
javascript:void((function(d){if(self!=top||d.getElementById('toolbar')&&d.getElementById('toolbar').getAttribute('data-resizer'))return%20false;d.write('<!DOCTYPE%20HTML><html%20style="opacity:0;"><head><meta%20charset="utf-8"/></head><body><a%20data-viewport="320x480"%20data-icon="mobile">Mobile%20(e.g.%20Apple%20iPhone)</a><a%20data-viewport="320x568"%20data-icon="mobile"%20data-version="5">Apple%20iPhone%205</a><a%20data-viewport="375%C3%97667"%20data-icon="mobile"%20data-version="7">Apple%20iPhone%207</a><a%20data-viewport="414%C3%97736"%20data-icon="mobile"%20data-version="7+">Apple%20iPhone%207%20Plus</a><a%20data-viewport="600x800"%20data-icon="small-tablet">Small%20Tablet</a><a%20data-viewport="768x1024"%20data-icon="tablet">Tablet%20(e.g.%20Apple%20iPad%202-3rd,%20mini)</a><a%20data-viewport="1280x800"%20data-icon="notebook">Widescreen</a><a%20data-viewport="1920%C3%971080"%20data-icon="tv">HDTV%201080p</a><script%20src="https://lab.maltewassermann.com/viewport-resizer/resizer.min.js"></script></body></html>')})(document));
Спецификации экранов
Спецификации и размеры экранов наиболее популярных устройств и мониторов в настоящее время.
Другие замётки в тему
Автор — Михаил Апсолямов
Создаю и продвигаю сайты с 2010 года. Провожу аудиты, настраиваю контекстную рекламу. Подробнее об услугах.
Создаю и продвигаю сайты с 2010 года. Провожу аудиты, настраиваю контекстную рекламу. Подробнее об услугах.