ฉันจะพิมพ์หน้าเว็บนี้ด้วยตัวอย่างโค้ดทั้งหมดและไม่มีภาพหายไปได้อย่างไร

ฉันต้องการพิมพ์หน้าเว็บhttps://www.journaldev.com/3524/spring-hibernate-integration-example-tutorialเป็นไฟล์ pdf

ในเบราว์เซอร์ Chrome ฉันคลิกขวาที่หน้าเว็บและเลือก "พิมพ์ ... " และไฟล์ PDF ที่สร้างขึ้น

• ไม่มีภาพในส่วน "โครงสร้างการรวมตัวอย่างโครงการไฮเบอร์เนตฤดูใบไม้ผลิ"

• มีข้อมูลโค้ดบางส่วนเท่านั้นซึ่งไม่สามารถแสดงได้ทั้งหมดโดยไม่ต้องเลื่อนแถบเลื่อนขึ้นและลง

ฉันสงสัยว่ามีวิธีการพิมพ์โดยไม่มีปัญหาข้างต้นหรือไม่? โดยเฉพาะปัญหาที่สอง

ฉันใช้ Ubuntu 16.04 เป็นระบบปฏิบัติการของฉัน

ขอบคุณ

วิธีแรก

วิธีหนึ่งในการทำเช่นนี้คือการแก้ไข css โดยใช้องค์ประกอบตรวจสอบ คลิกขวาที่ข้อมูลโค้ดใด ๆ ในหน้าและเลือก "ตรวจสอบองค์ประกอบ"

ตอนนี้อ้างถึงภาพด้านล่างและยกเลิกการเลือกคุณสมบัติความสูงสูงสุดจากหน้าขวา

โดยไม่ต้องรีเฟรชหน้ากดCtrl+ Pเพื่อพิมพ์

หมายเหตุ: หน้าจะกลับสู่สถานะก่อนหน้าเมื่อคุณรีเฟรชหน้า

หากคุณต้องการทำเช่นเดียวกันกับหน้าอื่น ๆ ในเว็บไซต์เดียวกันวิธีที่สองจะดีกว่าวิธีแรก

วิธีที่สอง

วิธีอื่นในการบรรลุเป้าหมายนี้คือปิดการใช้งาน JavaScript ในการตั้งค่าไซต์สำหรับไซต์นี้โดยเฉพาะ แต่คุณจะพลาดการเน้นไวยากรณ์ในตัวอย่างโค้ด

ไปchrome://settings/content/siteDetails?site=https%3A%2F%2Fwww.journaldev.comที่ซึ่งช่วยให้คุณเปลี่ยนการตั้งค่าไซต์สำหรับไซต์นั้น

โดยค่าเริ่มต้นจะอนุญาตให้ใช้ JavaScript ดังนั้นคุณต้องปิดการใช้งาน

ตอนนี้โหลดหน้าเว็บอีกครั้งและกดCtrl+ Pเพื่อพิมพ์

ฉันพบช่องว่างระหว่างที่ฉันพยายามพิมพ์ แต่คุณสามารถลบองค์ประกอบนั้นได้อย่างง่ายดายโดยใช้องค์ประกอบตรวจสอบ ดูคู่มือที่นี่

แหล่ง

หวังว่านี่จะช่วยได้