Я работаю над интерфейсом веб-сайта и мне нужно посмотреть, как мой код ведет себя в разных системах/браузерах. Firefox и Chromium имеют инструменты разработки, которые позволяют устанавливать разные размеры дисплея, но они не могут полностью эмулировать механизм масштабирования Apple, и сайты все равно будут выглядеть немного по-разному. Кроме того, они не учитывают разные браузеры.
Есть ли какой-либо инструмент или программное обеспечение, которое я могу использовать в Ubuntu, чтобы проверить, как будет выглядеть мой сайт на разных устройствах/браузерах?
решение1
Существуют такие услуги, как:
- Browserstack
- Mobiletest
- Респонсимулятор
- Аппетит- Наверное, лучший, но для меня слишком медленный.
Лучший способ все еще — это фактически протестировать сайт на физическом устройстве. Я обнаружил, что все эти способы медленные.
решение2
Введите URL вашего сайта, локального или онлайн, и используйте элементы управления для настройки ширины и высоты вашего окна просмотра, чтобы найти точные значения ширины контрольных точек в пикселях. Затем используйте эту информацию в своих медиа-запросах для создания адаптивного дизайна.
Для наилучших результатов с responsivepx вам нужно мыслить нестандартно. По какой-то причине я не могу заставить Google и Twitter показать мне что-либо, кроме пустого белого экрана в responsivepx, хотя Bing и сложные новостные сайты отображаются в нем нормально.