Bagaimana saya bisa mencetak halaman web ini dengan seluruh potongan kode dan tanpa gambar yang hilang?

1

Saya ingin mencetak halaman web https://www.journaldev.com/3524/spring-hibernate-integration-example-tutorial menjadi file pdf.

Di browser Chrome, saya klik kanan halaman web dan pilih "print ...", dan file pdf yang dibuat

  • tidak mengandung gambar di bagian "Struktur Proyek Contoh Integrasi Hibernate Spring"

  • hanya berisi bagian dari cuplikan kode yang tidak dapat ditampilkan sepenuhnya tanpa menggulir bilah gulir atas dan bawah

Saya bertanya-tanya apakah ada cara untuk mencetak tanpa masalah di atas? Terutama masalah kedua.

Saya menggunakan Ubuntu 16.04 sebagai OS saya.

Terima kasih.

ubuntu google-chrome pdf webpage Tim
sumber

Jawaban:

1

Metode pertama

Salah satu cara untuk melakukan ini adalah mengedit css menggunakan elemen inspect. Klik kanan pada salah satu potongan kode di halaman dan pilih "Elemen Inspeksi".

Sekarang lihat gambar di bawah ini dan hapus centang properti max-height dari halaman kanan.

uncheck max-height property

Tanpa menyegarkan halaman, tekan Ctrl + P untuk mencetak.

Catatan: Halaman kembali ke keadaan sebelumnya saat Anda me-refresh halaman

Jika Anda ingin melakukan hal yang sama dengan halaman lain di situs yang sama, metode kedua lebih baik daripada metode pertama.

Metode Kedua

Cara lain untuk mencapai ini adalah dengan menonaktifkan JavaScript di pengaturan situs untuk situs khusus ini. Tetapi Anda akan kehilangan sintaks yang disorot dalam cuplikan kode.

Pergi ke chrome://settings/content/siteDetails?site=https%3A%2F%2Fwww.journaldev.com, yang memungkinkan Anda untuk mengubah pengaturan situs untuk situs itu.

JavaScript diizinkan secara default sehingga Anda harus menonaktifkannya.

disabling javascript

Sekarang muat ulang halaman web dan tekan Ctrl + P untuk mencetak.

Saya menemukan beberapa celah di antara ketika saya mencoba untuk mencetak. Tapi kamu bisa dengan mudah   hapus yang menggunakan elemen inspeksi. Lihat panduannya sini .

Sumber

Semoga ini membantu.

CodeIt
sumber
Terima kasih. Bisakah Anda jelaskan sedikit mengapa javascript adalah penyebab masalah saya?
Tim
Maaf @ Tim. Saya tidak tahu persis bagaimana JavaScript menyebabkan masalah dalam kasus Anda. Itu sebenarnya dugaan. Saya telah menambahkan satu metode lagi yang memungkinkan Anda melakukan ini tanpa menonaktifkan JavaScript. Jika ini adalah jawaban yang Anda tanyakan, terima sebagai jawaban.
CodeIt
Terima kasih. untuk bilah gulir horizontal, saya tidak bisa membuat cara kedua Anda berfungsi spring.io/guides/gs/maven . Apakah Anda punya solusi?
Tim
@Tim Metode kedua tidak akan berfungsi. Klik kanan pada salah satu potongan kode di halaman dengan scrollbar horizontal dan pilih "Inspect Element" Sekarang hapus centang white-space: pre milik. Lihat GIF sini . Tanpa menyegarkan halaman, tekan Ctrl + P untuk mencetak.
CodeIt