Создание локального сервера: Node.js и BrowserSync
Я нашел очень простой способ проверить веб-страниц (в моем случае, HTML5 страниц), которые сохраняются в памяти ПК, чтобы мы могли проверить их непосредственно во все доступные устройства, без использования имитаторов/эмуляторов. Решение создает локальный сервер с использованием двух замечательных бесплатных инструментов: Node.js и BrowserSync. Прежде чем написать этот ответ, я попробовал это решение самостоятельно, и я был полностью доволен результатом! Вы можете найти источник ответа на этот вопрос: JavaScript Kit.
Здесь основные этапы:
- Установите Node.js (проверьте, если Node.js правильно установлен с
node- v команды из терминала);
- Установить BrowserSync используя
npm install -g browser-sync непосредственно с терминала. Будьте осторожны, вам нужны права root (я просто использовал sudo npm install -g browser-sync);
Run BrowserSync:
- Перейдите к целевой директории (тот, который содержит в статические файлы, используемые для создания веб-сайта, это HTML (и CSS) файлы) с помощью командной строки (чтобы пример, это может быть
cd folderA/folderB);
- Создайте локальный сервер внутри этого каталога, с
browser-sync start --server.
Таковы основные шаги, но вы можете сразу прочитать решение от первоначального источника я связан несколько строк раньше.
Есть много разных переменных, которые делают ваш вопрос слишком за границей для объективного ответа. Можно запустить php, mysql, asp, sql server и неконкретные функции, которые вы можете использовать в Интернете. Итак, если вы не укажете, какой сайт вы строите, не ожидайте полезных ответов. Попробуйте спросить по частям, шаг за шагом. Лучший. – statosdotcom
@statosdotcom Я строю персональный сайт. Я пишу свои собственные страницы HTML5, локально хранящиеся на моем Mac. Например, я слышал о WebInspector, предлагаемом Safari + iOS, но это не позволяет «переносить» отображение веб-страниц с ПК на смартфон, но только для отладки самой страницы. –
Вещи начинают очищаться, теперь мы знаем, что у вас есть html5 страниц, приятно. Чтобы сначала просмотреть свои страницы на смартфоне, вы можете просто скопировать файлы и папки на телефон и открыть его в своем браузере. Но таким образом вы будете получать только ваши страницы в одном телефоне, одном или двух браузерах. Вам придется искать больше об этом на многих устройствах. В то же время вы можете положиться на стандарты и спецификации www (поиск w3.org - там есть html и css validators), чтобы убедиться, что вы применяете передовые методы. Никто не видит собственные страницы на всех устройствах, как они это делают? Ты делаешь тоже самое. – statosdotcom