Вопрос или проблема
Время от времени я использую инспектор (инструменты разработчика) в Firefox или Chrome, чтобы изменить веб-страницу, которую я загрузил ранее.
Давно ищу удобный способ распечатать (или предпочтительно сохранить в PDF) измененную версию страницы. Кажется, что современные браузеры в фоновом режиме перезагружают страницу снова только для печати, независимо от версии, которую я вижу на экране. Конечно, изменения, которые я сделал в инспекторе, затем теряются в напечатанной версии.
Может ли кто-нибудь дать совет по этому поводу?
Способ обойти это:
- Сохраните веб-страницу на жесткий диск. Чтобы сохранить ваши изменения и иметь наибольшие шансы видеть все так, как показано, используйте дополнение, такое как Save Page WE. Вам нужно прокрутить страницу вниз -> нажать правую кнопку мыши -> Save Page WE -> Save Selected Tabs -> Standard Items -> выбрать расположение. SingleFile также является альтернативой.
- Открыть сохраненную страницу.
- Распечатать ее.
Не уверен, почему вы считаете, что она вообще “перезагружается”, если это не какой-то специфический тип страницы, который следит за изменениями в своих скриптах (некоторые так делают).
У меня обычно нет проблем с большинством страниц, но это может оказаться сложной задачей, если они полны рекламных скриптов от Google или подобных, которые основаны на таймере в JavaScript. Такие скрипты при удалении могут восстанавливаться.
В таких случаях может потребоваться альтернативный метод, как предложил @Destroy666. Однако это тоже может потребовать дополнительных загрузок для заполнения пробелов.
В качестве примера давайте используем эту страницу, где я не вижу рекламы.
Ответ
Я здесь не использую блокировщик скриптов, но настройки по умолчанию моего браузера таковы, что некоторые из них блокируются. Рассмотрите возможность использования избирательного блокировщика скриптов, чтобы уменьшить вероятность изменения страницы скриптами во время редактирования.
Ответ или решение
Чтобы напечатать модифицированную версию веб-страницы после редактирования её через Developer Tools в браузерах Firefox или Chrome, необходимо преодолеть некоторые ограничения, которые возникают из-за особенностей работы браузеров при подготовке страницы к печати. Давайте рассмотрим шаги, которые помогут сохранить ваши изменения и распечатать их без потери данных.
Теория
Основной проблемой является то, что современные браузеры обычно перезагружают оригинальную версию страницы при печати, чтобы гарантировать её соответствие исходному коду. Это действие приводит к потере всех изменений, сделанных через инструменты разработчика. Причиной этого является намеренное разделение просмотра страницы и её внутреннего кода, что часто задействуется для повышения безопасности и производительности.
Пример
Предположим, вы хотите сохранить изменения, которые сделали в разметке или содержании веб-страницы, чтобы затем распечатать её. Стандартные действия через браузер могут не сработать из-за описанных выше ограничений.
Применение
-
Используйте специализированные расширения:
- Save Page WE или SingleFile – это расширения для Chrome и Firefox, которые позволяют сохранять текущую версию страницы, включая изменения, сделанные в инспекторе. Такое расширение сохраняет страницу в виде одного HTML-файла, что позволяет вам затем открыть её для печати.
- Процесс сохранения прост: с помощью правой кнопки мыши выберите опцию сохранить по вкладке расширения, где будут предложены настройки сохранения файла. Не забудьте прокрутить страницу до конца, чтобы все элементы были загружены и сохранены корректно.
-
Открытие и печать сохраненной версии:
- Откройте файл, сохраненный с помощью одного из вышеупомянутых расширений. Это откроет локальную версию страницы в вашем браузере, которая сохранит все ваши изменения.
- Теперь вы можете использовать стандартную функцию печати вашего браузера ("Файл" -> "Печать" или Ctrl+P) для распечатки или сохранения в PDF.
-
Дополнительные настройки браузера:
- Проверьте настройки вашего браузера, чтобы определить, не блокируют ли они скрипты, которые автоматически обновляют содержимое страницы. Иногда установка таких блокировок помогает предотвратить нежелательные обновления содержимого.
Таким образом, соблюдая описанные шаги, вы сможете успешно сохранить и распечатать любые изменения, которые вы внесли на веб-странице. Если страницу заполоняют скрипты, которые автоматически восстанавливают удаленные элементы, либо использование блокировщиков скриптов, либо применение описанных методов сохранения страницы могут помочь в решении этой задачи.