Сохранение страниц сайта в pdf-документ

Как сохранить веб-страницу в PDF — 3 способа

Всем доброго времени!

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

К тому же информацию из PDF-формата можно легко читать на самых разных устройствах (его поддерживают все ридеры без исключения), можно редактировать в Word, передавать другим пользователям.

Да и сама страница, со временем не разъедется, не изменится ее форматирование и оформление. В общем, полезная и нужная вещь!

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

С помощью печати в браузере

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

1) Какой бы не был у вас браузер (Chrome, Opera, Edge, Firefox и др.), нажмите сочетание кнопок Ctrl+P (это сочетание означает распечатку страницы). Также эта функция доступна в меню браузеров.

Нашли веб-страницу, которую нужно сохранить

2) Далее измените принтер по умолчанию на «Сохранить как PDF» или «Microsoft Print to PDF» (в зависимости от вашего браузера и ОС — у вас могут быть доступны разные варианты: как оба, так и всего один из них).

См. пару скриншотов ниже.

Изменяем принтер на сохранение в PDF

Microsoft Print to PDF

3) Теперь задайте основные настройки: кол-во сохраняемых страниц, раскладку страницы, поля, цветность, колонтитулы и пр. После нажмите кнопку «Печатать» .

Задаем основные настройки

4) Далее укажите место на диске, где вы хотите сохранить файл, задайте ему имя.

Задаем расположение и имя файла

Собственно, на этом задача выполнена. Теперь полученный PDF можно открыть в Word, Adobe PDF Reader, и сотнях других программ, поддерживающих данный формат.

Задача выполнена, файл сохранен

С помощью спец. расширений

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

Выделить я бы хотел одно очень интересное дополнение — PDF MAGE.

Покажу на примере.

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

Так выглядит значок PDF Mage на панели в Chrome

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

Начало сохранение веб-странички

Буквально через мгновение, браузер сам автоматически начнет загружать файл в формате PDF. Собственно, делается все без лишних телодвижений, быстро и удобно!

Загрузка странички в формате PDF

В общем, рекомендую к использованию!

С помощью онлайн сервисов

В сети также есть множество интернет-сервисов, позволяющих быстро сохранить любые странички в сети в PDF. Суть работы примерно следующая: вы вставляете в спец. строку URL-адрес странички, которую вам нужно сохранить.

Далее жмете кнопку генерации PDF файла. Через некоторое время получаете ссылку на загрузку своего PDF.

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

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

  1. http://pdfmyurl.com/ — простой и удобный сервис на английском. На сайте есть спец. строка, куда вставляете URL-адрес, а рядом кнопка генерации. На выходе загружаете уже готовый PDF к себе на жесткий диск.
  2. http://www.htm2pdf.co.uk/ — еще один зарубежный сервис, работает аналогично.
  3. https://pdfcrowd.com/ — очень популярный сервис, с его помощью уже сохранено более 5 000 000 страниц по всему Миру! Здесь помимо всего прочего, можно загрузить дополнения для браузера (чтобы не посещать каждый раз сайт, когда нужно сохранить страницу).
  4. https://www.web2pdfconvert.com/ — довольно простой и удобный сервис. Минимум лишней информации на сайте.

На этом у меня пока всё.

Дополнения по тематики статьи — приветствуются!

Первая публикация: 20.04.2018

Сохраняем веб-страницу в PDF в браузере Opera

Браузер Opera не хочу оставить без внимания, так как у него есть аналогичный плагин, который добавляет в арсенал оперы функцию сохранения страницы веб-сайта в формат PDF. Данное расширение называется Web2PDFConvert
и его можно скачать на этой странице
. Желательно скачивать через браузер Opera, нажав на кнопку Добавить в
Opera
.

После кнопка расширения появится в верхней панели быстрого доступа, нажав на которую можно будет сохранить страничку в pdf. Страница конвертируется в документ нужного формата.

Вот таким образом можно сохранять веб-страницы в формат PDF в браузерах Mozilla Firefox, Opera и Google Chrome без специальных приложений и онлайн сервисов. Такие расширения нужно устанавливать, если вы часто используете эту функцию. Так как при большом количестве установленных расширений, браузер становится громоздким, используются лишние ресурсы операционной системы и долго загружается браузер при запуске. А для того чтобы ускорить и очистить от лишнего мусора операционную систему я использую утилиту

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

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

Скорее всего, Вы пользуетесь одним из следующих браузеров:

Применение ABBYY PDF Transformer

Это приложение– одно из лучших программ, по оценкам пользователей, используемых для сохранения word в pdfформате. Пробная версия скачивается с официального сайта. Ею можно пользоваться в течение тридцати дней. Этого времени достаточно, чтобы 100 страницвордовского документа .

Чтобы преобразовать файл с помощью этого приложения, необходимо выполнить следующие действия:

Скачать утилиту в интернете и установить на компьютер.

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

ПОСМОТРЕТЬ ВИДЕО

Как сохранить страницу сайта в PDF?

Для чего нужно сохранять страницы интернет сайтов? Ну, возможно вы хотите прочитать информацию в режиме офлайн или же сделать какие-то наблюдения над сайтом или же вы это хотите сделать с другой целью. Мне лично все равно, для чего вам это нужно, а просто расскажу, как это сделать в разных браузерах. И так, как же сохранить страницу сайта в формате PDF в браузерах Chrome, Opera, Yandex, Firefox?

Пожалуй, начнем с браузера Chrome. Для начала вам необходимо найти страницу, которая вас интересует. У меня на примере будет автомобильный сайт ax4.ru.

В правом верхнем углу нажимаем что-то на подобии сэндвича. В появившемся меню нажимаем «Печать».

Далее вы увидите, что по умолчанию стоит название принтера, который у вас установлен или другой, который запрограммирован браузером. Нам нужно его изменить, нажав на соответствующую кнопку «Изменить».

Когда нажмем «Изменить», появится меню, в котором нужно выбрать пункт «Сохранить как PDF».

После чего, слева, название принтера поменяется на «сохранить как PDF». Остаётся лишь нажать кнопку «Сохранить».

Выбираем место сохранения (у меня это Рабочий стол).

Всё, теперь можно открывать сохранившийся файл PDF. Может показаться, что выглядит не очень, но копировать текст с него можно очень просто. Я открываю файл программой Foxit Reader. Вы можете использовать любую другую программу для формата PDF.

Как сохранить страницу сайта в PDF в браузере Opera?

Ну, принцип аналогичен.

Слева вверху нажимаем на кнопку «Opera» и выбираем пункт «Печать».

Изменяем параметры печати, нажимаем «Изменить».

В появившемся окне выбираем пункт «Сохранить как PDF».

Внизу справа нажимаем кнопку «Сохранить».

Выбираем место сохранения. У меня это рабочий стол, как видно на скриншоте.

Теперь я открываю файл PDF через Foxit Reader. Вы, как я упоминал ранее, можете использовать другую программу.Вот и всё, не очень симпатично, но суть понятна. Вы можете делать файл PDF из любой веб-страницы.

Как сохранить страницу сайта в PDF в браузере Yandex?

Для этого я зайду на новостной сайт nz1.ru и выберу какую-нибудь новость.

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

Сохраняем в PDF.

Затем выбираем место сохранения. Например, Рабочий стол.

Открываем файл через любую программу, которая читает формат PDF, пользуемся.

Как сохранить страницу сайта в PDF в браузере Firefox?

Покажу на примере сайта с прикольными картинками prikolnie-kartinki.ru.

В браузере Mozilla Firefox немножко все происходит по-другому. Нажимаем на сэндвич в правом верхнем углу экрана и выбираем «Печать».

Откроется новое окно, где в левом верхнем углу выбираем «Печать».

Затем, в свойствах, выбираем пункт Foxit Reader PDF Printer, а ниже ставим галочку возле пункта «Печать в файл», затем нажимаем «ОК».

После этого вводим имя, то ли название документа. Я назвал его «Сайт». Нажимаем «ОК».

Выбираем место сохранения. Я, как всегда, сохраняю на Рабочий стол. Вы можете сохранить в любое, удобное для вас место.

Пошла процедура преобразования.

После окончания можете открыть ваш файл.

Часть 3. Добавление гиперссылок в Word и преобразование в PDF

Многие люди используют Office Word для создания PDF-документов. Word также является редактором PDF. Он может преобразовать ваш PDF-файл в редактируемый документ. И вы можете добавить гиперссылку на PDF или отредактировать другие элементы. Однако он доступен только для части PDF-документов. Если вы отсканировали PDF-файл, Word не может преобразовать его в редактируемое содержимое.

Шаг 1: Во-первых, откройте программу Word на ПК или компьютере Mac. Затем перейдите в Файл меню и нажмите Откройте , чтобы вызвать диалог открытия файла. Найдите файл PDF и щелкните значок Откройте кнопку.

Шаг 2: При появлении запроса щелкните OK. Затем Word начнет преобразовывать PDF-файл в редактируемый документ. Сколько времени может потребоваться, зависит от того, сколько страниц содержит файл PDF. Кроме того, изменения не будут применяться к исходному документу PDF.

Шаг 3: Когда преобразование PDF завершится, прокрутите вниз, чтобы найти позицию, в которую вы хотите добавить ссылку. Затем перейдите в Вставить вкладку в верхней строке меню и щелкните Гиперссылка , чтобы открыть диалоговое окно «Вставить гиперссылку».

Шаг 4: Выберите действие под Ссылка на панель, например Существующий файл или веб-страница. Затем вставьте URL-адрес в Адрес коробка. По умолчанию слово добавит гиперссылку к слову PDF, ближайшему к вашему курсору. Но вы можете изменить это в Текст для отображения пунктом.

Чаевые: Вы также можете указать ссылку на другой файл, адрес электронной почты или папку.

Что можно сделать со скачанным текстом

Итак, мы получили файл с текстом. Так как он записан в наш компьютер, то с ним можно делать все то же самое, что и с любым другим файлом: записывать на флешку, диск, пересылать по почте и так далее.

Еще его можно править как обычный текстовый документ. То есть изменять как вздумается: что-то удалить, что-то допечатать, изменить размер букв, шрифт, добавить картинки, заголовки и много другое.

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

Кстати, если Вы не умеете пользоваться программой Word, можете изучить основы на нашем сайте в специальном разделе.

Ну, и, конечно, этот текст можно вывести на обычную бумагу, то есть распечатать на принтере. Делается это как обычно — при помощи пункта «Печать».

Причем, если бы Вы просто распечатали текст с сайта (из интернета), то результат, скорее всего, был бы плачевным. Как правило, вместе с нужной информацией печатается еще и много лишнего.

А бывает так, что информация обрезается – прочитать ее потом невозможно. То есть пользователь получает кипу бумаги с нечитабельным текстом.

Что делать, если не получается скачать текст

Бывает, при скачивании возникают разные трудности. Сейчас я покажу Вам, как с ними справиться.

Одну из проблем можно описать так:

Вроде как текст скопировался и вставился, но в программе ничего не видно.

В этом случае при вставке в текстовый редактор наблюдается примерно такая картина:

То есть информация как будто бы есть, но почему-то ее не видно. Все просто: ничего не видно потому, что сам текст белого цвета и на белом листе он «растворился».

Исправить это можно так же, как при некорректном отображении – очистив формат. О том, как это сделать, написано, .

Следующая достаточно распространенная проблема звучит так:

Текст вставляется, но без картинок, таблиц и прочих деталей.

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

Решается эта проблема скачиванием и установкой современной (последней) версии браузера.

Исключением является Mozilla Firefox. Даже самая современная версия копирует только текст и картинки, без оформления (размер букв, выравнивание, цвета и т.д.). Так что если Вам нужен текст с оформлением, то для его скачивания придется пользоваться другим браузером.

Еще одна проблема при копировании встречается довольно редко и решение ее совсем не очевидно. Суть такова:

Текст вообще не получается скопировать. Он не выделяется, не копируется и не вставляется.

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

Дело НЕ в том, что он запрещает скачивать статью на компьютер. Просто он не хочет, чтобы ее перепечатывали разные нечестные люди и зарабатывали на ней деньги.

Обойти эту защиту можно, но это не так просто. Кратко опишу план действий:

  1. Сохраняем страницу сайта целиком. При сохранении в части «Тип файла» выбираем «Текстовый файл».
  2. Открываем сохраненный файл, выделяем нужный текст и копируем его.
  3. Вставляем в программу (Word или Writer) и сохраняем на компьютере.

Увы, таким образом не получится сохранить картинки, таблицы и прочие детали со страницы в интернете – только один текст.

Если они позарез нужны, то придется их «фотографировать» (делать скриншот) и вставлять в текстовый редактор отдельно.

Другие способы сохранения

Многие начинающие пользователи путают скачивание текста с его «запоминанием» в браузере. А разница очень большая.

Скачивание – это процесс, при котором информация ОСТАЕТСЯ на компьютере.

А вот «запоминание» (занесение в закладки) – это просто метка, быстрый доступ к странице в интернете. То есть ТЕКСТА В КОМПЬЮТЕРЕ НЕ БУДЕТ. Такая метка просто помогает открыть нужный адрес – это что-то вроде ярлыка.

Другими словами, все операции, которыми Вы будто бы записываете текст в компьютер, на самом деле его не сохраняют. Он будет только в интернете, а не на Вашем компьютере.

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

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

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

P.S. Чтобы быть до конца честным, отмечу, что имеется еще несколько способов скачивания. Например, сохранение веб-страниц, выкачивание сайтов целиком и еще несколько вариантов. Но они либо безнадежно устарели, либо узко применимы, либо технически сложны.

Инструменты для копирования и сохранения PDF:

Копирование: Для копирования содержимого страницы из файла PDF можно использовать различные инструменты. Некоторые программы для просмотра PDF-файлов, такие как Adobe Acrobat Reader, предоставляют функцию выделения и копирования текста и изображений. Чтобы скопировать содержимое страницы, необходимо выделить нужный текст или изображение, щелкнув на него и затем нажав комбинацию клавиш Ctrl+C (или Command+C в MacOS).

Сохранение: Если необходимо сохранить только одну страницу из файла PDF, можно воспользоваться различными методами. Один из способов — использовать программы для редактирования PDF, которые позволяют вырезать и сохранять отдельные страницы. Например, Adobe Acrobat Pro позволяет выбирать нужные страницы и сохранять их в отдельный файл. Также можно воспользоваться онлайн-сервисами, которые предлагают возможность загрузить файл PDF и выбрать нужную страницу для сохранения.

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

Вывод: Все вышеперечисленные инструменты предоставляют различные способы копирования и сохранения страниц из файлов PDF. Однако, при использовании любого инструмента, стоит учитывать авторские права и лицензионные условия, которые могут запрещать копирование или сохранение содержимого. Будьте внимательны и соблюдайте законы о защите интеллектуальной собственности при работе с файлами PDF.

Популярные онлайн-сервисы:

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

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

SmallPDF — еще один популярный онлайн-сервис для работы с файлами PDF. Он позволяет не только копировать или сохранять страницы из PDF, но и выполнять различные другие операции, такие как сжатие, объединение или разделение файлов PDF. Для копирования или сохранения страницы вы можете загрузить файл на сайт, выбрать нужные страницы и сохранить их в нужном формате.

PDF24 Tools — это еще один полезный онлайн-сервис, который позволяет скопировать или сохранить страницу из файла PDF. Вы можете загрузить файл на сайт, выбрать нужную страницу и сохранить ее в нужном формате. Кроме того, сервис предлагает такие функции, как объединение, разделение, сжатие и конвертирование файлов PDF.

Специализированные программы на компьютере:

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

Для этого необходимо открыть PDF-файл в Adobe Acrobat Pro, выбрать нужную страницу и сохранить ее в формате PDF или в других поддерживаемых программой форматах, таких как JPEG или PNG.

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

В дополнение к этим программам существует множество других специализированных программ, таких как Nitro PDF, PDFelement и другие, которые также позволяют сохранять отдельные страницы из файлов PDF.

Сохраняем веб-страницу в PDF в браузере Opera

Браузер Opera не хочу оставить без внимания, так как у него есть аналогичный плагин, который добавляет в арсенал оперы функцию сохранения страницы веб-сайта в формат PDF. Данное расширение называется Web2PDFConvert
и его можно скачать на этой странице
. Желательно скачивать через браузер Opera, нажав на кнопку Добавить в
Opera
.

После кнопка расширения появится в верхней панели быстрого доступа, нажав на которую можно будет сохранить страничку в pdf. Страница конвертируется в документ нужного формата.

Вот таким образом можно сохранять веб-страницы в формат PDF в браузерах Mozilla Firefox, Opera и Google Chrome без специальных приложений и онлайн сервисов. Такие расширения нужно устанавливать, если вы часто используете эту функцию. Так как при большом количестве установленных расширений, браузер становится громоздким, используются лишние ресурсы операционной системы и долго загружается браузер при запуске. А для того чтобы ускорить и очистить от лишнего мусора операционную систему я использую утилиту

Всем доброго времени!

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

К тому же информацию из PDF-формата можно легко читать на самых разных устройствах (его поддерживают все ридеры без исключения), можно редактировать в Word, передавать другим пользователям. Да и сама страница, со временем не разъедется, не изменится ее форматирование и оформление. В общем, полезная и нужная вещь!

В этой статье рассмотрю несколько способов, как это можно быстро и легко сделать. Собственно, приступим к делу…

С помощью печати в браузере

1) Какой бы не был у вас браузер (Chrome, Opera, Edge, Firefox и др.), нажмите сочетание кнопок Ctrl+P
(это сочетание означает распечатку страницы). Также эта функция доступна в меню браузеров.

2) Далее измените принтер по умолчанию на «Сохранить как PDF» или «Microsoft Print to PDF» (в зависимости от вашего браузера и ОС — у вас могут быть доступны разные варианты: как оба, так и всего один из них). См. пару скриншотов ниже.

3) Теперь задайте основные настройки: кол-во сохраняемых страниц, раскладку страницы, поля, цветность, колонтитулы и пр. После нажмите кнопку «Печатать».

Собственно, на этом задача выполнена. Теперь полученный PDF можно открыть в Word, Adobe PDF Reader, и сотнях других программ, поддерживающих данный формат.

С помощью спец. расширений

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

Выделить я бы хотел одно очень интересное дополнение — PDF MAGE.

Покажу на примере.

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

Буквально через мгновение, браузер сам автоматически начнет загружать файл в формате PDF. Собственно, делается все без лишних телодвижений, быстро и удобно!

С помощью онлайн сервисов

В сети также есть множество интернет-сервисов, позволяющих быстро сохранить любые странички в сети в PDF. Суть работы примерно следующая: вы вставляете в спец. строку URL-адрес странички, которую вам нужно сохранить.

Далее жмете кнопку генерации PDF файла. Через некоторое время получаете ссылку на загрузку своего PDF. Пользоваться, конечно, можно, но на мой скромный взгляд — всё это утомительно и годится для временного использования. Например, у вас есть «проблемы» с браузером или Windows, попалась какая-то «странная» страница, которая не хочет сохраняться предыдущими способами.

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

  1. — простой и удобный сервис на английском. На сайте есть спец. строка, куда вставляете URL-адрес, а рядом кнопка генерации. На выходе загружаете уже готовый PDF к себе на жесткий диск.
  2. — еще один зарубежный сервис, работает аналогично.
  3. — очень популярный сервис, с его помощью уже сохранено более 5 000 000 страниц по всему Миру! Здесь помимо всего прочего, можно загрузить дополнения для браузера (чтобы не посещать каждый раз сайт, когда нужно сохранить страницу).
  4. — довольно простой и удобный сервис. Минимум лишней информации на сайте.

На этом у меня всё, всем удачи!

Интернет — это один из основных современных информационных ресурсов, откуда пользователи черпают информацию. Там размещены все последние новости, зарегистрировано множество ресурсов, которые призваны развлекать, поучать и даже иногда развращать пользователей.

JavaScript | Как сохранить строку (данные) в файл на клиенте (браузере)?

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

Пусть у нас будет строка, которую мы создадим на вкладке Console в инструментах разработчика браузера:

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

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

Не важно. Главное — это сохранить данные в файл на клиентской стороне без привлечения сервера

Может пользователь что-то печатает в Input и сохраняет, может текст генерируется автоматически без пользовательской помощи

Не важно. Главное — это сохранить данные в файл на клиентской стороне без привлечения сервера

Способ № 1 — Использование конструкторов Blob и URL

Логика такая. Сначала создаём новый большой двоичный объект — Blob . По сути это файл.

Конструктор Blob() принимает 2 параметра — СТРОКУ и её ТИП.

СТРОКА помещается в квадратные скобки и становится первым элементом массива, а ТИП помещается в фигурные скобки. Строкой у нас является переменная stroka , а объект с типом является

Затем создаём новый объект ссылки <a> (HTML-элемент) при помощи объектной модели документа DOM и метода createElement() :

Сейчас эта ссылка хранится в переменной link и её не видно в документе. О её существовании знает только консоль браузера и оперативная память компьютера пользователя. Эта ссылка не содержит никаких атрибутов. Сейчас она выглядит так:

Теперь нам нужно немного оживить наш элемент ссылки. Сперва добавим атрибут href для элемента <a> . В качестве значения атрибута у нас будет выступать адрес URL . createObjectURL ( blob )

Пример адреса, который может быть в href. Запущен во вкладке «Экспресс-панели» браузера Opera.

Мы видим, что ссылка будет использовать URI-схему » blob: «

blob, ссылка и её href — JavaScript

Теперь нам нужно добавить ещё один атрибут для нашей ссылки. Это атрибут — download. Значением атрибута будет название файла для скачивания.

Быстренько глянем на объект ссылки перед финальным действием.

Готовая ссылка для клика — JavaScript

Мы видим, что ссылка готова к нажатию на неё мышкой. Но мы не будем выводить эту ссылку в документ и не будем кликать на неё мышкой физически.

Вместо этого мы скажем JavaScript самому нажать на «невидимую» ссылку. Мы выполним событие клика за пользователя. Просто введём с консоль браузера:

Вызвали событие клика — Файл скачался — JavaScript

Смотрим что в файле на ПК:

Файл успешно создался и скачался — JavaScript

Понравилась статья? Поделиться с друзьями:
ПоватТех
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: