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

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

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

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

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

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

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

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

Спасибо.

решение1

Первый метод

Один из способов сделать это — отредактировать css с помощью inspect element. Щелкните правой кнопкой мыши по любому фрагменту кода на странице и выберите «Inspect Element».

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

снимите отметку со свойства max-height

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

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

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

Второй метод

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

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

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

отключение javascript

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

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

Источник

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

Связанный контент