Я работаю на веб-сайте с использованием HTML, CSS и JS, и я использую Bootstrap, чтобы сделать его отзывчивым. Мне нужно проверить его, чтобы посмотреть, как он выглядит на разных размерах экрана. Как его проверить? Должен ли я использовать Google devtools или какой-либо другой эмулятор смартфона?Тестирование отзывчивого дизайна
Спасибо!
Для проверки отзывчивой страницы существуют различные инструменты для браузера.
Для хром - https://chrome.google.com/webstore/detail/browser-resize/pnmdcoaajafdppfpioijldebfbpogopn?hl=en-GB
Для Firefox попробовать "Ctrl + Shift + M". Он изменит размер экрана браузера. Можно определить использование раскрывающегося списка по ширине в верхнем левом углу.
Отлично. Спасибо! –
Mitch, если у вас есть это, вы можете открыть его в обычном браузере, например. Chrome или Firefox и протестируйте его там (control + o и выберите файл со своего компьютера). Отличная идея в отношении HTML и веб-дизайна заключается в том, что вам нужен только редактор и браузер для тестирования до его публикации.
Спасибо за ваш быстрый ответ, я знаю, что я могу открыть сайт и посмотреть, как он работает, но я увижу его на своем 17-дюймовом экране Будет ли ваше решение помочь мне увидеть его, как оно появится на 5-дюймовом устройстве? –
использовать хром и включить эмуляцию – KennyXu
Спасибо! Сожалею. Я новичок в этом. –
Я считаю, что у хром есть опция, где вы можете установить разные параметры размера по этой причине.
Как и пользователь3807099, спасибо, спасибо! –
Я не проверял эту ссылку, никаких проблем. Удачи! – SamCramphorn
Просто откройте его в своем браузере и уменьшите окно? : D –
Заметили полосы прокрутки, когда я пробовал это:/Я собираюсь попробовать решение siobhan –
Итак? Отзывчивый дизайн предназначен не только для мобильных устройств, это также актуально для людей на компьютерах с более низким разрешением, будь то из-за использования древнего монитора или у них есть проблемы со зрением и нужно, чтобы все было больше. Они получают полосы прокрутки. –