Как я могу эмулировать сайты на разных устройствах в Ubuntu?

Я работаю над интерфейсом веб-сайта и мне нужно посмотреть, как мой код ведет себя в разных системах / браузерах. У Firefox и Chromium есть инструменты разработки, которые позволяют настроить дисплей на разные размеры, но они не в состоянии полностью имитировать механизм масштабирования Apple, и сайты все равно будут выглядеть немного иначе. Также они не учитывают разные браузеры.

Есть ли какой-либо инструмент или программное обеспечение, которое я могу использовать с Ubuntu, чтобы проверить, как мой сайт будет выглядеть на разных устройствах / браузерах?

2 ответа

Есть такие услуги, как:

  1. Browserstack
  2. Mobiletest
  3. http://www.responsimulator.com/
  4. Аппетит - наверное, лучший, но мучительно медленный для меня.

Лучший способ - это проверить сайт на физическом устройстве. Я обнаружил, что все эти пути медленные.

http://responsivepx.com/

Введите URL-адрес вашего сайта, локальный или онлайн, и используйте элементы управления, чтобы отрегулировать ширину и высоту вашего окна просмотра, чтобы найти точную ширину точки останова в пикселях. Затем используйте эту информацию в своих медиа-запросах для создания адаптивного дизайна.

responseivepx GitHub

Для достижения наилучших результатов с отзывчивым вам нужно думать нестандартно. По какой-то причине я не могу заставить Google и Twitter показывать мне что-либо, кроме пустого белого экрана в responseivepx, даже несмотря на то, что Bing и сложные новостные сайты отображают его просто отлично.

Другие вопросы по тегам