Как открыть HTML-файл в браузере Google Chrome

Обновлено: 24.11.2024

Мы покажем вам, как загрузить веб-страницу в Chrome в виде HTML-файла, а также как сохранить ссылку в виде ярлыка на рабочем столе.

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

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

Благодаря этим преимуществам сегодня мы сосредоточимся на том, как загрузить веб-страницу в виде HTML-файла. Те, кто хочет сохранить веб-страницу в формате PDF, могут обратиться к нашему специальному руководству. Приступим:

Как загрузить веб-страницу в Google Chrome

Процесс сохранения веб-страницы в Chrome очень прост, но он скрыт за некоторыми подменю. После того как вы открыли в браузере веб-сайт, который хотите сохранить, выполните следующие действия:

Открыв свою страницу, нажмите на три точки в правом верхнем углу окна Chrome рядом со строкой поиска. Затем наведите курсор на «Дополнительные инструменты» и нажмите «Сохранить страницу как…». Либо нажмите сочетание клавиш Chrome «Сохранить как» «Ctrl + S».

Откроется диалоговое окно проводника Windows с автоматически заполненным именем. Обратите внимание на раскрывающийся список «Тип файла», где у вас есть три варианта:

– Только HTML веб-страницы: Сохраняется только HTML-код веб-сайта. Изображения, расширенные темы веб-страниц и анимация не будут сохранены.
– Веб-страница, отдельный файл: сохраните страницу в Chrome как один файл mhtml, а не как папку. Это уменьшит беспорядок, но может дать не такие хорошие результаты для некоторых веб-страниц.
– Веб-страница, полная: сохраняет файл HTML, а также отдельную папку, для которой требуются все файлы, необходимые для работы веб-сайта. Обычно имеет самые близкие результаты к исходной странице.

Когда вы решите, что подходит именно вам, щелкните по нему, а затем нажмите кнопку "Сохранить".

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

Теперь, когда вы знаете, как сохранить веб-страницу в Chrome, вы можете получить доступ к загруженным файлам в любой точке папки загрузки. Вы увидите файл .HTML и отдельную папку, оканчивающуюся на _files. Внутри этой папки вы найдете все изображения веб-страницы, файлы CSS и JS.

Как создать ярлык для веб-страницы или веб-сайта

Описанное выше отлично подходит, если вы хотите просмотреть статью в автономном режиме, но что, если вам просто нужен простой способ доступа к вашей любимой странице или сайту?

Для этого мы можем сохранить ссылку как ярлык. Создание ярлыка для веб-сайта не сохранит веб-сайт для просмотра в автономном режиме, но значительно ускорит доступ к нему с рабочего стола, когда у вас есть подключение.

В окне Google Chrome нажмите на три точки в правом верхнем углу. Затем наведите курсор на «Дополнительные инструменты» и нажмите «Создать ярлык…».

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

Это все, что у нас есть для вас в этом руководстве. Однако, пока вы здесь, вы можете освежить в памяти некоторые другие приемы Chrome. Знаете ли вы, что можете сохранить все открытые вкладки, чтобы прочитать их позже, или экспортировать закладки локально? Подумайте о том, чтобы попробовать и сообщите нам, если у вас возникнут какие-либо проблемы.

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

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

Что такое файл HTML?

HTML означает язык гипертекстовой разметки и представляет собой язык сценариев для веб-приложений. Его основной целью является создание и структурирование веб-страниц. Файлы с расширением HTML (или HTM) содержат только текст и ссылки на другие файлы, например изображения или видео.

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

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

Как открыть файл HTML в Chrome

Открыть HTML-файл в Chrome можно несколькими способами.

Используйте команду «Открыть с помощью»

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

Если Google Chrome установлен в качестве браузера по умолчанию, все, что вам нужно сделать, это дважды щелкнуть HTML-файл, и он автоматически откроется в Chrome. Если вы попробовали это и обнаружили, что ваш компьютер не распознает ваш файл, система попросит вас использовать одно из уже установленных приложений, чтобы открыть файл или найти расширение в Интернете. Выберите «Открыть с помощью уже установленных приложений». Затем попробуйте снова выбрать Google Chrome из списка.

Чтобы убедиться, что вы открыли правильный HTML-файл, проверьте адресную строку в Chrome, когда откроется страница. Он должен совпадать с расположением вашего файла на вашем компьютере.

Открыть файл HTML из Chrome

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

Выберите «Файл» в меню ленты Chrome. Затем выберите «Открыть файл».
Перейдите к местоположению файла HTML, выделите документ и нажмите "Открыть".
Вы увидите, что ваш файл открыт в новой вкладке.

Вы также можете использовать сочетание клавиш, чтобы открыть файл в Chrome. Откройте новую вкладку в Chrome, затем нажмите Ctrl (Windows) или Cmd (Mac) + O. Появится то же меню «Открыть файл». Найдите свой HTML-файл и откройте его.

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

Перетащите файл в Chrome

Вы также можете просто перетащить HTML-файл прямо на новую вкладку. После этого Chrome автоматически откроет страницу.

Как просмотреть исходный HTML-код

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

Есть несколько способов сделать это. Самый простой — открыть HTML-файл на новой вкладке в Chrome. Затем щелкните его правой кнопкой мыши и выберите в меню "Просмотреть исходный код страницы".

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

Для этого откройте файл HTML в новой вкладке. Затем нажмите на значок с тремя вертикальными точками в правом верхнем углу окна. В раскрывающемся меню выберите Дополнительные инструменты > Инструменты разработчика.

В правой части экрана перейдите на вкладку "Элементы", чтобы просмотреть подробный исходный код вашей веб-страницы.

Как открыть HTML-файл со смартфона

Если вы используете свой смартфон, вы также можете использовать различные методы для открытия HTML-файла в Chrome.

Используйте меню «Открыть с помощью»

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

Открыть HTML-файл с SD-карты

Запустите браузер Chrome на своем телефоне и откройте новую вкладку. Введите file:///sdcard/ в адресную строку, чтобы открыть хранилище SD. Оттуда перейдите к файлу, который хотите открыть, и коснитесь его, чтобы просмотреть.

Научитесь понимать HTML

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

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

Аня – внештатный писатель по технологиям. Родом из России, в настоящее время она работает удаленным работником и цифровым кочевником. Имея образование в области журналистики, лингвистики и технического перевода, Аня не могла представить свою жизнь и работу без ежедневного использования современных технологий. Всегда ища новые способы облегчить свою жизнь и образ жизни, не зависящий от местоположения, она надеется поделиться своим опытом в качестве техно- и интернет-зависимого в своих письмах. Прочитать полную биографию Ани

Понравился ли вам этот совет? Если это так, загляните на наш канал YouTube на нашем родственном сайте Online Tech Tips. Мы охватываем Windows, Mac, программное обеспечение и приложения, а также предлагаем множество советов по устранению неполадок и обучающих видеороликов. Нажмите кнопку ниже, чтобы подписаться!

Брэди Гэвин

Брэди Гэвин
Писатель

Брэйди Гэвин уже 15 лет занимается технологиями и написал более 150 подробных руководств и пояснений. Он рассмотрел все, от взломов реестра Windows 10 до советов по браузеру Chrome. Брэди имеет диплом в области компьютерных наук в колледже Камосан в Виктории, Британская Колумбия. Подробнее.

Являетесь ли вы веб-дизайнером, занимающимся отладкой исходного кода своего сайта, или просто хотите узнать, как выглядит код сайта, вы можете просмотреть исходный HTML-код прямо в Google Chrome. Существует два способа просмотра исходного кода HTML: просмотр исходного кода и проверка с помощью инструментов разработчика.

Просмотр исходного кода с помощью просмотра исходного кода страницы

Запустите Chrome и перейдите на веб-страницу, на которой вы хотите просмотреть исходный код HTML. Щелкните страницу правой кнопкой мыши и выберите «Просмотреть исходный код страницы» или нажмите Ctrl + U, чтобы просмотреть исходный код страницы на новой вкладке.

Откроется новая вкладка вместе со всем HTML-кодом веб-страницы, полностью развернутым и неформатированным.

Если вы ищете определенный элемент или часть в исходном коде HTML, использование View Source утомительно и громоздко, особенно если на странице много JavaScript и CSS.

Проверка исходного кода с помощью инструментов разработчика

Этот метод использует панель "Инструменты разработчика" в Chrome и представляет собой гораздо более удобный подход к просмотру исходного кода. HTML здесь легче читать благодаря дополнительному форматированию и возможности сворачивать элементы, которые вам не нужны.

Откройте Chrome и перейдите на страницу, которую хотите проверить; затем нажмите Ctrl + Shift + I. Рядом с просматриваемой веб-страницей откроется закрепленная панель.

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

Если вы не хотите видеть весь код страницы по умолчанию, а вместо этого проверяете определенный элемент в HTML, щелкните правой кнопкой мыши это место на странице, а затем нажмите "Проверить".

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

Если вы хотите изменить положение стыковки, вы можете переместить ее вниз, влево, вправо или даже открепить в отдельном окне. Нажмите на значок меню (три точки), затем выберите «Открепить в отдельном окне», «Закрепить слева», «Закрепить внизу» или «Закрепить справа» соответственно.

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

› Что делают ваши функциональные клавиши в Chrome DevTools
› Что такое Markdown и как его использовать?
› Как включить меню «Разработка» в Safari на Mac
› Что такое язык разметки?
› Баланс Paypal в социальных сетях был подделан. Вот как это сделать
› Что такое GrapheneOS и как она делает Android более приватным?
› Почему СМС должен умереть
› Худшее, что есть в телефонах Samsung, — это программное обеспечение Samsung.

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

Нажмите "Windows-E", чтобы запустить проводник Windows.

Перейдите к папке, содержащей файл HTML.

Дважды щелкните файл. Браузер по умолчанию отображает HTML-документ. Если браузер не открыт, Windows запускает его.

Если вы вносите изменения в файл HTML после его просмотра в браузере, нажмите в браузере сочетание клавиш Ctrl + F5, чтобы обновить вид документа в браузере. В противном случае в документе могут не отображаться только что внесенные вами изменения.
Вы также можете нажать "Ctrl-O" в браузере, чтобы открыть окно выбора файла. Перейдите к файлу HTML, который вы хотите открыть, и дважды щелкните его в браузере.
Internet Explorer становится браузером по умолчанию при установке Windows. Он запустится, когда вы дважды щелкните файл HTML. Однако вы можете предпочесть запускать файл HTML в определенном браузере — например, Firefox может содержать инструменты отладки или проектирования, которые вы используете во время разработки. Вы можете открыть HTML-файл в другом браузере, щелкнув файл правой кнопкой мыши в проводнике Windows и выбрав «Открыть с помощью». Выберите нужный браузер из списка в раскрывающемся меню.
Если вы используете полнофункциональный HTML-редактор для разработки веб-страниц, в вашем редакторе может быть кнопка или меню, позволяющие предварительно просмотреть HTML-страницу в редакторе или в браузере.

После изучения физики Кевин Ли начал профессионально писать в 1989 году, когда, будучи разработчиком программного обеспечения, он также писал технические статьи для Космического центра Джонсона. Сегодня этот городской техасский ковбой продолжает выпускать высококачественное программное обеспечение, а также нетехнические статьи на самые разные темы, от игр до текущих событий.

Читайте также: