Как открыть файл через браузер
Перейти к содержимому

Как открыть файл через браузер

  • автор:

Как из браузера открыть папку в проводнике Windows

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

К сожалению, сделать это «в лоб» не получится. Во-первых, браузеры умеют открывать только веб-страницы, а не программы на компьютере. Во-вторых, политика безопасности браузеров запрещает доступ ко всему, что явно не разрешено, тем более, доступ к файловой системе.

Вы можете резонно предположить, что есть протокол file:// (я позволю себе использовать здесь и далее слово протокол, хотя правильнее, конечно, схема URI), который позволяет браузерам открывать локальные файлы, но с ним также есть две проблемы:

1) он не может отобразить список файлов в папке;
2) такие ссылки нельзя открывать с внешних (не локальных) веб-страниц.

Чтобы решить данную проблему, мы будем использовать свой протокол с собственным обработчиком. Метод будет работать в Windows и потребует некоторых (очень простых) действий на компьютере.

В HTML-коде это будет выглядеть как-то так:

Можно из JavaScript:

window.open('myproto://C:/My Folder/123');

Сначала необходимо придумать название протокола (у меня будет myproto) и зарегистрировать его в системе. Для этого в любом месте (хоть на рабочем столе) создаём файл с расширением .reg (например, myproto.reg) и следующим содержимым:

Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\myproto] "URL Protocol"="" @="URL:Myproto Protocol" [HKEY_CLASSES_ROOT\myproto\shell] [HKEY_CLASSES_ROOT\myproto\shell\open] [HKEY_CLASSES_ROOT\myproto\shell\open\command] @="\"C:\\myproto.bat\" \"%1\"" 

Здесь myproto — название моего только что созданного протокола. Можете изменить на своё (но не используйте стандартные названия протоколов типа http, ftp, mailto и прочие).

Запускаем файл. Винда выдаст несколько вопросов и предупреждений, со всеми соглашаемся. Всё, больше этот файл на этом компьютере не нужен, можно удалять.

Далее в корне диска C: необходимо создать файл myproto.bat со следующим содержимым:

@echo off set "path=%~1" setlocal enabledelayedexpansion set path=%path:myproto://=% set path=%path:"=% set path=%path:/=\% set path=!path:%%20= ! set path=!path:%%5C=\! C:\Windows\explorer.exe "%path%" 

Здесь также меняем myproto на название вашего протокола. Это и будет его обработчик.
Всё готово. Теперь вы можете прямо из браузера (абсолютно любого) на данном компьютере открывать папки в проводнике в отдельном окне, просто открыв ссылку вида myproto://C:/My Folder/123.

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

Открываем HTML-файл в браузере

В этой статье будут рассмотрены лишь вариации того, как открыть уже сохраненный на компьютере файл через любой современный браузер. Если у вас его нет и/или нужно просмотреть HTML-структуру открытой в веб-обозревателе страницы интернета, обратитесь к другому нашему материалу по ссылке ниже.

Подробнее: Просмотр HTML-кода страницы в браузере

Способ 1: Контекстное меню

Уже имеющийся на компьютере HTM/HTML-документ может быть открыт из любого места через контекстное меню «Проводника». Сразу же уточним — все способы полностью применимы к любому браузеру.

  1. Нажмите правой кнопкой мыши по файлу и выберите пункт «Открыть с помощью». В подменю укажите предпочитаемый веб-обозреватель, а если его не оказалось в списке, но при этом он установлен в операционной системе, кликните «Выбрать другое приложение». Открытие HTML-файла с компьютера в браузере через контекстное меню Проводника
  2. Пролистайте список и либо подберите вариант из предложенных, по необходимости развернув внизу «Еще приложения», либо воспользуйтесь ссылкой «Найти другое приложение на этом компьютере», которая появится после отображения всех доступных вариантов в окне. Вы также сразу можете установить предпочитаемый браузер средством открытия HTML-файлов по умолчанию, поставив соответствующую галочку. Список приложений для открытия HTML-файла в браузере через контекстное меню
  3. Файл откроется для просмотра. Однако стоит учитывать, что здесь нет никаких функций для управления кодом, не подсвечивается синтаксис, так что работать с объемными файлами, содержащими исходники сайтов, будет не комфортно. Для более удобного взаимодействия с ним рекомендуется пользоваться консолью разработчика или же вовсе специальными текстовыми редакторами. Подробнее: Открытие консоли разработчика в браузереОткрытый HTML-файл в браузере через контекстное меню

Способ 2: Перетаскивание

Реализовать поставленную задачу можно и выполнив простое перетаскивание файла.

    Если браузер уже запущен, откройте папку с файлом и перетяните его в адресную строку обозревателя.

Перетаскивание HTML-файла в браузер для открытия

  • После перетаскивания в строке отобразится локальный адрес документа — нажмите Enter, чтобы перейти по нему. Файл откроется в этой же вкладке. Локальный адрес HTML-файла в адресной строке после перетаскивания
  • При закрытом либо свернутом браузере файл достаточно перетянуть на ярлык. Это позволит в два счета запускать для просмотра файл в любом другом приложении, поддерживающем чтение HTML. Перетаскивание HTML-файла на ярлык браузера для открытия
  • Способ 3: Адресная строка

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

      Достаточно начать набрать, например, «C:/», чтобы попасть в корневую папку системного диска. При этом браузер автоматически подставит к адресу «file:///» — стирать это не нужно, вручную прописывать тоже не обязательно.

    Ручной переход в браузерный проводник через адресную строку для открытия HTML-файла

  • Оттуда, переходя по папкам, доберитесь до места, где хранится HTML-документ, и откройте его. Открытый браузерный проводник локальных файлов для открытия HTML-файла
  • Такой метод будет не очень удобен, если объект располагается глубоко внутри — никаких расширенных функций системного «Проводника» тут нет. Прописывание адреса вручную тоже отнимает время — даже папка «Загрузки» требует ввода длинной строки, но на ее примере видно, что файл может быть запущен без браузерного проводника — достаточно указать прямой путь, после папки и слеша прописав точное название файла, в нашем случае это «index.html».

    Как запустить HTML файл

    wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 19 человек(а).

    Количество просмотров этой статьи: 107 574.

    В этой статье:

    HTML (HyperText Markup Language — язык гипертекстовой разметки) — это язык разметки документов в интернете. В основном этот язык используется для структурирования внешнего вида и функций веб-сайтов. Любой файл с HTML-кодом имеет расширение .html. Все современные браузеры, такие как Google Chrome, Safari и Mozilla Firefox, распознают этот формат и могут открывать такие файлы; поэтому, чтобы запустить HTML-файл, откройте его в веб-браузере.

    Часть 1 из 3:

    Как сохранить HTML-файл

    Step 1 Уясните, что такое HTML.

    Уясните, что такое HTML. HTML — это язык гипертекстовой разметки. HTML-файлы представляют собой текстовые файлы с содержимым и макетом веб-страницы. Чтобы просмотреть HTML-файл, воспользуйтесь любым текстовым редактором (например, Блокнотом или любым специализированным HTML-редактором). Но чтобы увидеть, как работает HTML-код, откройте HTML-файл в веб-браузере, который предназначен для чтения и визуализации HTML-файлов.

    Step 2 Введите или скопируйте HTML-код в простейший текстовый редактор.

    Введите или скопируйте HTML-код в простейший текстовый редактор. По мере приобретения опыта в программировании можно пользоваться специальными HTML-редакторами, такими как Adobe Dreamweaver, Microsoft Expression Web и Coffee Editor HTML Editor, но простейший текстовый редактор (Блокнот в Windows или TextEdit в Mac OS X) — это все, что вам нужно в начале пути.

    Step 3 Сохраните файл в формате HTML.

    Сохраните файл в формате HTML. Если вы создаете HTML-файл в Блокноте, TextEdit или любом другом текстовом редакторе, обязательно сохраните его с расширением .html. Перед тем как сохранить файл, в меню «Тип файла» выберите «Все файлы», а затем нажмите «Сохранить».

    #2 – Файл «index.html». Отображение сайта

    #2 – Файл «index.html». Отображение сайта

    За урок мы создадим наш первый проект и добавим внутрь него файл «index.html». Мы рассмотрим основную структуру HTML разметки, узнаем что такое теги и научимся отображать HTML файлы в браузере.

    Видеоурок

    Расширение

    При создании HTML файла обязательно указывать расширение файла, как: .html . Создав файл с таким расширением вы сможете открыть его через любой веб браузер. Некоторые разработчики указывают расширение .htm , что тоже является верным.

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

    Отображение в браузере

    Чтобы открыть HTML файл в браузере достаточно два раза нажать на него. После этого файл будет открыт в вашем браузере по умолчанию. Весь код из HTML файла будет обработан и показан на странице в браузере.

    Основная структура

        Главная страница  Привет 
  • Добавить комментарий

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