/ / Responsive Tools Web Design [закритий] - css, responsive-design, media-queries

Інструменти для реалізації веб-дизайну [closed] - css, responsive-design, media-queries

Я розробляю веб-сайт, і тепер я повиненвідімізуйте його для столів, смартфонів тощо ... Я вже знайшов деякі інструменти для тестування запитів мультимедійних CSS як responsinator, і для деяких речей це добре, але це виглядає не для всього, як деякі тести на реальних смартфонах сказав мені. Однак, оскільки я не маю багато можливостей для тестування веб-сайту на реальних пристроях, хто-небудь тут міг би розповісти мені про деякі веб-сайти, де я можу виконати ці тести?

Спасибі заздалегідь!

Відповіді:

4 для відповіді № 1

Операційний мобільний емулятор Opera.

Opera Mini Simulator.

Емулятор Android.

Blackberry Simulators

Також у меню Інструменти розробника Chrome можна вибрати параметр "Заміна користувача агента".

введіть опис зображення тут

І багато іншого мобільні емулятори та тренажери.


4 для відповіді № 2

Якщо ви встановите панель інструментів веб-розробника addon на Firefox ви можете поглянути на "зміни розміру" меню

введіть опис зображення тут

і виберіть останній пункт "Перегляд адаптивного макета". З'явиться нова сторінка з наступними роздільними здатностями для мобільних пристроїв або невеликих пристроїв

  • 320x480
  • 600x800
  • 1024x768

як в портретній, так і в альбомній орієнтації. Звичайно, це не може бути ефективною альтернативою "реальному тестуванню", але вона може бути використана для першої перевірки для вирішення основних питань.