Задать вопрос
@astafevdimka
Новичок в вебе
веб-разработка

Как можно посмотреть локальный сайт на моем компе через телефон?

Создаю сайт, требуется посмотреть как выглядит сайт на телефоне, можно ли как то это реализовать, без использования хостинга ?
Через Wi-Fi роутер или еще как то...
  • Вопрос задан
  • 27177 просмотров
Комментировать
Подписаться 4 Оценить Комментировать
Решения вопроса 1
boratsagdiev
@boratsagdiev
UPD: в 2023 году я бы всё же использовал ngrok.

Ставим npm и browser-sync: https://www.browsersync.io/

Запускаем локальный сервер (у меня Openserver), открываем консоль в локальной папке, где лежит ваш сайт и запускаем в ней browser-sync с опцией --proxy

browser-sync start --proxy mylocal.dev

browser-sync выдаст в консоль что-то такое:

[BS] Proxying: http://local.dev.domain
[BS] Access URLs:
 ------------------------------------
 Local: http://localhost:3002
 External: http://192.168.1.6:3002
 ------------------------------------
 UI: http://localhost:3003
 UI External: http://192.168.1.6:3003
 ------------------------------------


Вам нужен тот что External - http://192.168.1.6:3002, вбиваете его на телефоне и смотрите (естественно телефон должен быть подключен к той же сети, куда подключен и ПК).
Вот только что проверил с сайтом на Wordpress - работает.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 4
Stalker_RED
@Stalker_RED
Поднимаете вебсервер на компьютере, настраиваете чтобы он слушал запросы из локальной сети, с телефона подключаетесь к нему.
Ответ написан
7 комментариев
7 комментариев
BraveHeart
@BraveHeart
Можете воспользоваться сервисами:

Можете настроить через вифи:

Можете поднять виртуальную машину:
Ответ написан
2 комментария
2 комментария
megafax
@megafax
web-программист
Если у Вас организована сеть дома/в офисе через wifi-роутер, то телефон и компьютер находятся в одной подсети. Соответственно, чтобы "зайти" с телефона на разрабатываемый сайт и его проверить нужно понять как у Вас он поднят на компьютере.
Если у Вас сайт поднимается по адресу 192.168.1.2:8000 - т.е. по IP+порт, то можете этот же адрес спокойно вбивать в смарт и открыть желанный сайт. 192.168.1.2 - в данном случае это IP адрес компьютера, который выдал роутер для него.
Если у Вас Denwer/OpenServer и сайт поднимается по доменному имени (mysite.local, site.localdomain, etc), то телефону нужно сказать, что при открытии такого URL он стучался куда надо. Для этого, если у Вас на роутере есть возможность вбить статические IP адреса для DNS - то вбиваете туда домен и указываете адрес локальной машины. Если такой возможности нет, то можно для Вашего мобильного устройства скачать приложение локального DNS сервиса (android) и в нем уже указать тотде домен и IP, что и для метода с роутером.
Ответ написан
5 комментариев
5 комментариев
@oldpunk
Можно использовать функционал браузера "Адаптивный дизайн". В случае если идет авто определение устройства, просто жестко поставить выводить только мобильную версию
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Веб-разработчик
Искра • Екатеринбург
от 80 000 до 100 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Fullstack разработчик (React, JavaScript, PHP, SQL), веб программист.
CleanTalk
от 1 700 $
Ещё вакансии
Заказы с Хабр Фриланса
Сверстать сайт на фреймворке Astro
06 мая 2024, в 12:36
30000 руб./за проект
Развернуть Parse-server в Yandex.cloud
06 мая 2024, в 12:22
5000 руб./за проект
Разработка Lotus Domino
06 мая 2024, в 12:19
1500 руб./в час
Ещё заказы