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

412
Tim

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

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

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

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

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

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

Благодарю.

2

1 ответ на вопрос

1
CodeIt

Первый метод

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

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

uncheck max-height property

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

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

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

Второй метод

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

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

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

disabling javascript

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

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

Источник

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

Благодарю. Не могли бы вы немного объяснить, почему javascript является причиной моей проблемы? Tim 6 лет назад 0
Извините, @Tim. Я не знаю точно, как JavaScript вызвал проблему в вашем случае. Это было на самом деле предположение. Я добавил еще один метод, который позволяет вам делать это без отключения JavaScript. Если это ответ на ваш вопрос, примите его как ответ. CodeIt 6 лет назад 0
Благодарю. Что касается горизонтальной полосы прокрутки, я не могу заставить ваш второй способ работать для https://spring.io/guides/gs/maven/. У вас есть какое-то решение? Tim 6 лет назад 0
@Tim Второй метод не сработает. Щелкните правой кнопкой мыши любой фрагмент кода на странице с горизонтальной полосой прокрутки и выберите «Проверить элемент». Теперь снимите флажок «white-space: pre». Смотрите GIF [здесь] (https://i.imgur.com/EelStYu.gif). Не обновляя страницу, нажмите `Ctrl + P` для печати. CodeIt 6 лет назад 0

Похожие вопросы