Лучший способ надежной работы над адаптивным дизайном

#javascript #css #web #browser #responsive-design

#javascript #css #веб #браузер #адаптивный дизайн

Вопрос:

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

Практически каждый раз, когда я развертываю приложение, которое выглядело потрясающе в Chrome, я обнаруживаю, что некоторые компоненты перегружены и выглядят не так, как должны, поэтому я хочу знать, есть ли лучший способ работы над адаптивным дизайном, который является более точным.

Что вы, ребята, используете или как вы устраняете неточности в инструментах разработки Chrome?

Заранее спасибо и хорошего дня! 🙂

1. Если я правильно понял, вы используете инструменты разработчика для тестирования после развертывания?

2. Нет. Я использую его во время разработки, и все выглядит великолепно. Но когда я развертываю его и проверяю на реальном мобильном устройстве, некоторые функции отключаются, что затрудняет настройку и исправление, поскольку инструменты разработки Chrome показывают мне неточные результаты.

3. Мне буквально приходится вносить небольшие изменения, повторно развертывать, проверять это, исправлять снова .. и повторять процесс, пока все не будет там, где я хочу, и так, как я хочу, чтобы это было, что делает использование Chrome Dev Tools немного запутанным и деморализующим.

Ответ №1:

Лучшее решение, которое работает для меня, — это использовать такие сервисы, как browserstack где вы можете протестировать его на реальных устройствах во время разработки.