Как я могу увидеть макет моего сайта в мобильном телефоне?

Question

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

Answer 1

Можно попробовать Google Chrome,

• Открыть Developer Tools
• Выбрать Toggle Device Toolbar
• Выбрать устройствовам нравится моделировать с панели инструментов.

Answer 2

Вы используете веб-сервер локально или просто редактируете файлы HTML и просматриваете их в своем браузере?

Если вы просто открываете HTML-файлы в браузере, запустите на своем компьютере локальный веб-сервер, например http-сервер.

https://www.npmjs.com/package/http-server

Если вы используете веб-сервер локально, то ваш телефон должен иметь возможность использовать тот же URL-адрес теста, если вы находитесь в той же сети.

Answer 3

Вы можете использовать разработчики, уже встроенные в веб-браузеры.

https://developers.google.com/web/tools/chrome-devtools/device-mode/

https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode

Также, если вы действительно хотите, чтобы он тестировался на реальныхмобильный телефон создает беспроводное соединение, используя точку доступа между мобильным телефоном и ноутбуком.Теперь ваш ПК и мобильный телефон получат частные IP-адреса для этого беспроводного соединения.

Проверьте IP-адрес вашего ПК для этого соединения и настройте веб-сервер для прослушивания этого IP-адреса.

Теперь вы можете получить доступваш сайт на мобильном телефоне с этим IP-адресом в качестве URL, и вы можете проверить макет вашего сайта.