Как открыть html на телефоне
Перейти к содержимому

Как открыть html на телефоне

  • автор:

Как посмотреть разработанный мною сайт на мобильном телефоне из его папки?

разработала простенький сайт. лежит у меня на компе в папочке, все как полагается. на компе (виндоуз, браузер — гугл хром) сайт открывается без проблем. перекинула эту же папку себе в телефон (андроид, браузер — гугл хром) и, когда нажимаю на index.html, загружается только html-разметка. ни фонов, ни картинок. папку перекинула так же полностью всю, со всеми входящими. как сделать так, чтоб я свой локальный сайтец могла просмотреть у себя на телефоне? соответственно без загрузки его в интеренет, только с папки. и вообще, такое возможно? (думала без проблем, как и на компе будет)

Отслеживать
8,576 4 4 золотых знака 21 21 серебряный знак 36 36 бронзовых знаков
задан 30 авг 2020 в 7:37
Татьяна Волынцева Татьяна Волынцева
11 3 3 бронзовых знака

и это мне не для того чтобы посмотреть как мобильная версия будет отображаться, а тупо другу показать, чтоб комп с собой не тащить)

30 авг 2020 в 7:51

Покажите, как в HTML вы ссылаетесь на стили CSS? И как ссылаетесь на картинки? Отредактируйте вопрос, добавьте код прямо в вопрос.

31 июл 2022 в 19:42
У вас сайт это одна страничка или страничек много?
31 июл 2022 в 20:35

Какой не будь live сервер, очень удобно им пользоваться, можно смотреть на любых смартфонах планшетах и на любых компьютерах и наутбуках.

1 авг 2022 в 5:32

3 ответа 3

Сортировка: Сброс на вариант по умолчанию

Нужно немного теории. я её разбил на шаги.

  1. Когда Вы разрабатываете сайт на компьютере — то можно просто открывать файл в барузере. В этом случае браузер открывает файл так же, как он открыл какой то другой поддерживаемый не-сетевой формат, например, PDF. На этом этапе никакого клиент — сервера еще нет. И в адресной строке барузер написано что то типа file://c:\project\index.html
  2. на скорее всего, вы разрабатывая даже сайт на компьютере пользуетесь каким то инструментом типа VSC + LiveServer (это такое расширение VSC). Ну, не в блокноте вы же его разрабатываете 🙂 На этом шаге у Вас уже есть клиент — сервер, а строка барузера выглядит примерно как http://127.0.0.1:5500/www/index.html

На этом шаге у Вас всё уже как в интернет, только интернет очень маленький: это Ваш собственный компьютер. Но если он в локальной сети — то с соседнего домашнего компьютера уже можно увидеть Ваш сайт. Есть небольшие технические трудности (типа firewall), но они преодолимы

  1. Как только есть клиент-сервер — Ваш сайт можно показывать! Для этого — правильно, нужно «проковырять дырочку» в интернет. Для этого нужно или немного пошаманить с роутером, который даёт выход в интернет, или — что проще — поспользоваться сервисами. Мне нравится ngrok — ngrok.com

Думаю, теперь Вы разберетесь, как «временно опубликовать сайт» — принцип и ключевые слова вы знаете, остальное можно загуглить и заютьюбить

Открытие файлов HTML на Android

Сначала рассмотрим системные возможности Android. В актуальных версиях «зелёного робота» есть встроенный инструмент для работы с HTML-файлами, доступный в меню «Открыть через…». Использование этой функции покажем на примере чистого Android 10.

  1. Запустите встроенный файловый менеджер, который называется «Файлы». Открыть файловый менеджер для открытия HTML файлов посредством системных средств
  2. Далее найдите целевой документ – например, в меню «Недавние» или перейдя в требуемую папку. Переход к документу для открытия HTML файлов посредством системных средств
  3. Тапните по файлу – появится инструмент «Открыть через…» со списком подходящего программного обеспечения. Промотайте перечень до пункта «Средство просмотра HTML» и выберите его. Вызов утилиты для открытия HTML файлов посредством системных средств
  4. Утилита покажет документ как обычную веб-страницу. Веб-просмотр страницы для открытия HTML файлов посредством системных средствТакже посредством рассмотренного инструмента можно просмотреть HTML с помощью любого установленного браузера – например, Google Chrome. Просмотр документов в Google Chrome для открытия HTML файлов посредством системных средств

Способ 2: HTML Viewer

Теперь обратим внимание на специализированные приложения, одним из которых является HTML Viewer от разработчика Yogev Haham.

  1. Запустите программу, затем тапните по кнопке с иконкой файла вверху справа. Использовать элемент для открытия HTML файлов посредством HTML Viewer
  2. ХТМЛ Вьювер запросит доступ к накопителю, предоставьте его. Дать доступ к файловой системедля открытия HTML файлов посредством HTML Viewer
  3. С помощью встроенного файлового менеджера перейдите к папке с сохранённым документом, тапните по нему для выделения и нажмите «Select». Выбор файла для открытия HTML файлов посредством HTML Viewer
  4. Файл будет открыт для просмотра в режиме исходного кода. Просмотр исходного кода для открытия HTML файлов посредством HTML Viewer
  5. Для того чтобы просмотреть его в веб-режиме, тапните по значку глобуса. Вызов веб-страницы для открытия HTML файлов посредством HTML Viewer

Способ 3: HTML Reader/Viewer

Если предыдущее приложение вас по каким-то причинам не устроило, можете воспользоваться решением HTML Reader/Viewer, предоставляющим похожую функциональность.

  1. Откройте программу и выдайте ей все требуемые разрешения. Разрешить доступ к накопителю для открытия HTML файлов посредством HTML Reader Viewer
  2. Далее появится сообщение для настройки показа рекламы – использовать таргетированную или нет. Выберите подходящий вам вариант. Настройка показа рекламы для открытия HTML файлов посредством HTML Reader Viewer
  3. Примите условия использования. Пользовательское соглашение для открытия HTML файлов посредством HTML Reader Viewer
  4. Теперь станет доступен интерфейс приложения, в котором по умолчанию отображается файловый менеджер – перейдите в нём к местоположению целевого HTML и тапните по нему для открытия. Перейти к местоположению документа для открытия HTML файлов посредством HTML Reader Viewer
  5. Документ будет запущен в режиме веб-просмотра – так, как страница выглядит в интернете. Веб-режим просмотра документа для открытия HTML файлов посредством HTML Reader ViewerЧтобы просмотреть код файла, нажмите на кнопку «».

Просмотр в режиме кода для открытия HTML файлов посредством HTML Reader Viewer

Данное приложение похоже на первое нами упомянутое, но в дополнение к режимам просмотра позволяет открывать большие документы. Недостатки у ХТМЛ Ридер/Вьювер также похожи – отсутствует русский язык и есть достаточно навязчивая реклама.

Как открыть файл HTML на Андроид в браузере

HTML — это язык разметки, который не предназначен для открытия в Андроид. Точнее, файл с таким расширением можно открыть в браузере, но надо знать, как открыть HTML на Андроид.

html на андроид

Как открыть файл HTML на Андроид через специальный проводник

Используйте программу из магазина Гугл для открытия локального файла HTML — Открыть в Браузере. По сути, вы открываете файл не в самой программе, а перенаправляете в браузер.

Просмотр HTML-файла на Андроид:

  1. Запустите приложение
  2. Укажите, что не хотите устанавливать никакой браузер по умолчанию
  3. Найдите файл с нужным расширением в проводнике этой программы
  4. Тапните по нему и укажите, что открытие должно быть через браузер
  5. Выберите браузер для открытия

html на андроид

html на андроид

html на андроид

У вас получилось открыть HTML на Андроид? Укажите в комментариях моменты, где вы столкнулись с проблемой.

Подписаться
7 Comments
Inline Feedbacks
View all comments
3 лет назад

Этот приложение спрашивает деньги

3 лет назад

Используйте приложение по инструкции выше и можно будет обойтись без оплаты.

3 лет назад
3 лет назад

Я удалил файл HTMLViewer. Что делать?

Comment-helper
3 лет назад

HTML Viewer был в системной папке? Какая модель вашего устройства и версия Android?

4 лет назад

Как скачать эмодзи без айфона x

Comment-helper
4 лет назад

Вы можете установить Emoji как на iOS с помощью Emoji Switcher

Горячее

Itel T1 Neo - обзор наушников

Быстрый обзор TWS наушников Itel T1 Neo

TWS наушники Itel T1 [обзор + видео]

Обзор Itel Vision 3 Plus mini

Обзор Itel Vision 3 Plus — Большой и Красивый

Свежие комментарии

  • Basim к записи Обновления и прошивки для Android устройств
  • Владимир к записи Обновление телефонов Prestigio
  • Борис к записи Samsung Galaxy A5 — обновление и прошивка
  • Главная
  • Задай вопрос о Android!
  • Контакты
  • Политика конфиденциальности

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit «Cookie Settings» to provide a controlled consent.

Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.

Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.

Cookie Duration Description
cookielawinfo-checkbox-analytics 11 months This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category «Analytics».
cookielawinfo-checkbox-functional 11 months The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category «Functional».
cookielawinfo-checkbox-necessary 11 months This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category «Necessary».
cookielawinfo-checkbox-others 11 months This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category «Other.
cookielawinfo-checkbox-performance 11 months This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category «Performance».
viewed_cookie_policy 11 months The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

Functional

Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.

Performance

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.

Advertisement

Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.

Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.

Как на 11 андроиде открыть html файл?

Недавно сменил телефон с 7 андроида на 11 и перестало в нормальном виде открываться html файлы. Если делать это через файловый менеджер открывается, только сам файл html без подгрузки джава скриптов, css таблиц и т.д. А команда file:/// почему то не работает.

6.6K открытий
22 комментария
Написать комментарий.

Самый удобный способ как по мне, это закинуть хтмл (или несколько хтмл страниц) в storage -> android -> data -> com.android.chrome -> files -> download. В проводнике копируешь полный путь файла (типа file:///storage/. и т.д.), и вставляешь в адресную строку хрома. При этом подтягиваются все стили, и корректно отрабатывают ссылки на локальные хтмл страницы.

Развернуть ветку

ну так я раньше на 7 андроиде и делал, а теперь в хроме пишет не удалось получить доступ к файлам

Развернуть ветку

У меня весь сайт и отображается только одна страница, дерево сайта, переход по ссылкам не возможен Пробовал через ваш метод, тоже самое. На 7 андроиде работает.

Развернуть ветку
Аккаунт удален
Развернуть ветку
Развернуть ветку

Тут нужно обязательно перенести в папку download хрома, иначе он начинает ругаться

Развернуть ветку

ну у меня получается ссылка file:///storage/emulated/0/download/index.html
и все равно выдает ошибку, я начинаю подозревать мб это из за оболочки так

Развернуть ветку

Вот и ошибка) Папка Download в хром, а не телефона)
У меня путь выглядит вот так

Развернуть ветку

только вот туда нельзя ничего скинуть, не через пк, не через встроенный проводник, но все равно спасибо, видимо придется получать рут права

Развернуть ветку

У меня не требует рут права. Проводник стандартный на xiaomi

Развернуть ветку

у меня написано что данные sd карты защищены от записи и изменений, ну хотя бы теперь хром открывает страницу и файлы в папке download

Развернуть ветку

Хз, тут я бы гуглил уже конкретно под модель телефона. Уже лучше 😉

Развернуть ветку

Ну посмотри в Google Play что-то типо HTML Viewer, всяко удобнее должно быть

Развернуть ветку

мне нужно посмотреть как выглядит и ведет себя страница, а не сам код(конечно это можно проверить и на пк), но в некоторых случаях на пк все хорошо, а открываешь мобильную версию и там траблы

Развернуть ветку

Не предлагать на компе в хроме включить эмуляцию устройств?

Развернуть ветку

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

Развернуть ветку
Аккаунт удален
Развернуть ветку

если бы только свою, иногда скидывают не телефон и просят чекнуть, и приходится доставать старвый

Развернуть ветку
Аккаунт удален
Развернуть ветку
Аккаунт удален
Развернуть ветку

«А как они в файле подключены, через относительный путь и лежать рядом с файлом?»
да
«А вообще существуют браузеры для этого, или не предлагает открыть через условный хром?»
можете подсказать какие потому что я уже скачал почти все браузеры в плей маркете и везде один и тот же результат
просто на 7 андроиде проблем открыть файл на любом браузере не было, а началось такое ток с 11

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *