ทำไมเว็บไซต์จำนวนมากถึงไม่สามารถใช้สไตล์การพิมพ์ได้

ไม่เคยทำให้ฉันประหลาดใจเลยว่าคนต้องมองหาลิงค์หรือปุ่มที่บอกว่า "พิมพ์" บนเว็บเพจโดยเฉพาะอย่างยิ่งเมื่อพิจารณาว่ามีเทคโนโลยีมหัศจรรย์ที่ทำให้ขั้นตอนนั้นไม่จำเป็น น่าเสียดายที่แทบไม่มีใครใช้เลยถึงแม้ว่ามันจะเป็น ... อายุ 10 ปี.

ไม่เพียง แต่จะต้องใช้ขั้นตอนพิเศษในการพิมพ์เท่านั้น แต่การใช้สไตล์การพิมพ์นั้นจะช่วยประหยัดหมึกสำหรับผู้ที่ไม่ได้ใช้ลิงค์สำหรับพิมพ์ และแน่นอนว่ามีคนจำนวนมากที่ใช้ print-to-PDF เพื่อบันทึกบทความไว้ใช้ในภายหลังโดยไม่ต้องสิ้นเปลืองกระดาษ.

สไตล์การพิมพ์คืออะไร?

เว็บไซต์ส่วนใหญ่ใช้ฟังก์ชั่นการพิมพ์โดยนำคุณไปที่หน้าอื่นซึ่งจัดรูปแบบแตกต่างกันไปสำหรับเครื่องพิมพ์ - แต่สิ่งนี้ไม่จำเป็นจริงๆ ทุกเบราว์เซอร์ใช้เทคโนโลยี CSS อย่างง่ายที่รู้จักกันในชื่อ Print Stylesheets ซึ่งไม่มีอะไรมากไปกว่าไฟล์ที่ระบุองค์ประกอบที่จะซ่อนเมื่อเบราว์เซอร์ของคุณพิมพ์หน้า.

สำหรับผู้ที่ไม่คุ้นเคย CSS หมายถึง Cascading Style Sheets และเป็นวิธีที่เบราว์เซอร์ของคุณรู้วิธีจัดรูปแบบซอร์สโค้ด HTML สำหรับหน้าเว็บเป็นสิ่งที่คุณเห็นบนหน้าจอจริง ทุกอย่างจากแบบอักษรสีเส้นขอบและแม้กระทั่งภาพพื้นหลังสามารถระบุได้ในสไตล์ชีท.

การเพิ่มสไตล์ชีทการพิมพ์นั้นง่ายเพียงแค่เสียบหนึ่งบรรทัดนี้ในหน้าของคุณ HTML-the media = ส่วนการพิมพ์ของโค้ดบอกให้เบราว์เซอร์ใช้สไตล์ชีทนี้เมื่อพิมพ์เท่านั้น.

โดยทั่วไปไฟล์นี้มีลักษณะดังนี้:

#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none

ใช่มันง่ายมาก ๆ แล้วมันทำงานอย่างไร นี่คือตัวอย่างของหน้าเว็บปกติทางด้านซ้ายที่มีการนำทางโลโก้และโฆษณาทั้งหมดที่มองเห็นได้อย่างชัดเจนด้วย ID ที่เกี่ยวข้อง - และด้านขวาหน้าเดียวกันกับสไตล์ชีทการพิมพ์ที่ใช้ซ่อนองค์ประกอบทั้งหมดเหล่านั้น.

เห็นได้ชัดว่าคุณต้องการที่จะพิมพ์สิ่งเหล่านี้ผ่านทางขวา?

ตัวอย่างของ Print Stylesheet Failure

น่าเสียดายที่มีเว็บไซต์ขนาดใหญ่จำนวนมากที่ไม่ได้ใส่ใจที่จะใช้สิ่งนี้ ดูสิ่งที่เกิดขึ้นเมื่อคุณพยายามพิมพ์จาก New York Times:

บางเว็บไซต์เช่นเครือข่าย Gawker ของไซต์นั้นแย่กว่าเดิม ไม่เพียง แต่พวกเขาไม่มีมุมมองที่พิมพ์ได้เมื่อคุณลองพิมพ์แล้วมันก็คล้ายกับซุปหมึก เท่าที่เราสามารถบอกได้ว่าไม่มีวิธีการพิมพ์จากไซต์ Gawker โดยไม่ต้องใช้บริการแยกต่างหากเช่นความสามารถในการอ่านหรือการเน้นเนื้อหาด้วยตนเองในหน้าซึ่งแทบจะเป็นไปไม่ได้ในการออกแบบใหม่.

มันเศร้าจริงๆ เว็บไซต์ที่ใหญ่ที่สุดจำนวนมากไม่สามารถใช้งานฟีเจอร์นี้ได้อย่างสมบูรณ์.

โชคดีที่บางเว็บไซต์ใช้งานได้

นี่คือตัวอย่างของมุมมองที่จัดรูปแบบได้อย่างเหมาะสมโดยไม่ต้องกังวลกับการหาลิงค์สำหรับพิมพ์ เว็บไซต์ BBC News จัดรูปแบบบทความสำหรับพิมพ์อย่างเรียบร้อยพร้อมส่วนหัวที่กำหนดเอง พวกเขารวมถึงความคิดเห็นในมุมมองพิมพ์ แต่ก็ยังทำได้ดี.

มีเว็บไซต์อื่นอีกไม่กี่แห่งที่ทำเช่นเดียวกันเช่น ArsTechnica และ ... เว็บไซต์ของเรา แต่มันโง่ที่จะแสดงภาพหน้าจอของพวกเขาทั้งหมด ในการวิจัยของเราเว็บไซต์ที่ใช้งานอย่างเหมาะสมนั้นมีอยู่ไม่มาก.

เพื่อสรุป ... โปรดใช้เวลา 5 นาทีในการติดตั้งสไตล์ชีทสำหรับเว็บไซต์ของคุณ!