Как я могу напечатать эту веб-страницу с целыми фрагментами кода и без пропущенного изображения?

Question

Я хочу напечатать веб-страницу https://www.journaldev.com/3524/spring-hibernate-integration-example-tutorial в файл PDF.

В браузере Chrome я щелкаю правой кнопкой мыши по веб-странице и выбираю «print ...», и созданный файл PDF

• не содержит изображения в разделе "Структура проекта примера интеграции Hibernate Spring"

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

Мне было интересно, есть ли способ печати без вышеуказанных проблем? Особенно вторая проблема.

Я использую Ubuntu 16.04 в качестве моей ОС.

Благодарю.

Answer 1

Первый метод

Один из способов сделать это - отредактировать CSS с помощью элемента inspect. Щелкните правой кнопкой мыши любой фрагмент кода на странице и выберите "Проверить элемент".

Теперь обратитесь к изображению ниже и снимите флажок с свойства max-height на правой странице.

Не обновляя страницу, нажмите Ctrl + P для печати.

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

Если вы хотите сделать то же самое с другими страницами на том же сайте, второй метод лучше, чем первый.

Второй метод

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

Зайдите в chrome://settings/content/siteDetails?site=https%3A%2F%2Fwww.journaldev.com , что позволяет изменять настройки сайта для этого сайта.

JavaScript разрешен по умолчанию, поэтому вам нужно отключить его.

Теперь перезагрузите веб-страницу и нажмите Ctrl + P для печати.

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

Источник

Надеюсь это поможет.