วันนี้ ฉันแค่อยากแบ่งปันบทแนะนำสั้นๆ สองสามข้อเกี่ยวกับวิธีปรับสีของลิงก์ที่เข้าชมในเว็บเบราว์เซอร์ต่างๆ เพื่อให้คุณสามารถหลีกเลี่ยงการคลิกบนหน้าเว็บที่เคยเรียกดูมาแล้ว

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

เรื่องราวเบื้องหลังความสนุก

วันก่อนลูกพี่ลูกน้องของฉันมาหาที่อพาร์ตเมนต์ของฉัน และเขาใช้แล็ปท็อปของฉันเพื่อค้นหา สำหรับบางสิ่งบน Google หลายครั้งที่ฉันได้ยินเขาพูดว่า “ฉันโง่! เหตุใดฉันจึงกลับมาที่หน้านี้อีกครั้ง” ฉันเลยบอกเขาว่า:

• ฉัน: เฮ้ แดเนียล คุณกำลังคลิกหน้าเว็บที่คุณเคยเยี่ยมชมแล้วใช่ไหม
• แดเนียล: อ๋อ ฉันไม่รู้ว่าทำไม
• ฉัน: หน้าที่เยี่ยมชมในผลลัพธ์ของ Google จะถูกทำเครื่องหมายเป็นสีแดง และหน้าที่คุณยังไม่ได้เยี่ยมชมจะเป็นสีน้ำเงิน เผื่อว่าคุณไม่ทราบ … (ฉันแค่อยากช่วย)
• แดเนียล: ฉันคิดว่าพวกเขาหน้าตาเหมือนกันกับฉันทั้งหมด
• ฉัน: จริงเหรอ? (ฉันคิดว่าเขาล้อเล่น)…เฮ้ นี่มันคนละสีกันเลยนะ อันหนึ่งเป็นสีม่วงอ่อน อีกอันเป็นสีน้ำเงิน บอกได้ไหม
• แดเนียล: ไม่เลย!

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

คุณตาบอดสีหรือไม่?

ก่อนอื่น คุณไม่ต้องกังวลเลยหากคุณมี MedlinePlus กล่าวว่า ส่วนใหญ่แล้ว ภาวะตาบอดสีเกิดจากพันธุกรรมและไม่มีการรักษา นอกจากนี้ เพื่อให้ตัวเองรู้สึกดีขึ้น “มีข้อตกลงทั่วไปว่าผู้ชายทั่วโลก 8% และผู้หญิง 0.5% มีปัญหาการมองเห็นสี” (ที่มา)

เพื่อทดสอบว่าคุณตาบอดสีหรือไม่ วิธีที่เร็วที่สุดคือดูบทความ Huffington Post นี้ ประกอบด้วยภาพห้าภาพที่มาจากการทดสอบสีของ Ishihara

สำหรับการทดสอบเพิ่มเติม คุณสามารถเยี่ยมชมเว็บไซต์นี้ คุณจะได้รับคำถามทดลอง 20 ข้อก่อนที่คุณจะเห็นผลการทดสอบ คลิกสีน้ำเงิน “เริ่มการทดสอบ” เพื่อเริ่มต้น:

คนส่วนใหญ่จะบอกว่าพวกเขามี “การมองเห็นสีปกติ”:

รูปแบบสีในผลลัพธ์ของหน้าเครื่องมือค้นหา

หมายเหตุ: โดยค่าเริ่มต้น เครื่องมือค้นหาส่วนใหญ่ เช่น Google และ Bing จะทำเครื่องหมายผลลัพธ์ที่คุณคลิกผ่านเป็นสีม่วง และผลลัพธ์ที่ไม่ได้เข้าชมเป็นสีน้ำเงิน ต่อไปนี้เป็น 2 ตัวอย่าง:

นี่คือสิ่งที่เกิดขึ้นหลังจากที่ฉันค้นหาคำว่า "TechCrunch" บน Google เนื่องจากฉันเคยเข้าชมหน้า TechCrunch Wikipedia มาก่อน ตอนนี้จึงมีการทำเครื่องหมายเป็นสีม่วงอ่อน ในขณะที่ Facebook และ YouTube ยังคงเป็นสีน้ำเงิน

ใน Bing ฉันค้นหา "SoftwareHow" และนี่คือสิ่งที่ฉันเห็น Twitter และ Google+ เพจคือเข้าชมแล้ว จึงถูกทำเครื่องหมายเป็นสีม่วงเช่นกัน ในขณะที่ลิงก์ Pinterest ยังเป็นสีน้ำเงิน

ตอนนี้กลับไปที่หัวข้อ ต่อไปนี้คือวิธีเปลี่ยนสีลิงก์ที่เข้าชมในเว็บเบราว์เซอร์ต่างๆ

วิธีเปลี่ยนสีลิงก์ที่เข้าชมใน Google Chrome

ขออภัยสำหรับเบราว์เซอร์ Chrome คุณจะต้องเพิ่มส่วนขยายใน ทำให้มันใช้งานได้ นี่คือบทแนะนำทีละขั้นตอน:

หมายเหตุ: ภาพหน้าจอด้านล่างนำมาจาก Chrome สำหรับ macOS (เวอร์ชัน 60.0.3112.101) หากคุณใช้พีซีหรือใช้ Chrome เวอร์ชันอื่น ขั้นตอนอาจแตกต่างออกไปเล็กน้อย

ขั้นตอนที่ 1: เปิด Chrome จากนั้นติดตั้งส่วนขยายนี้ชื่อ Stylist คลิกที่ปุ่มสีน้ำเงิน “เพิ่มไปยัง CHROME”

ขั้นตอนที่ 2: ยืนยันโดยคลิก “เพิ่มส่วนขยาย” คุณจะเห็นการแจ้งเตือนว่าได้เพิ่มปลั๊กอินลงใน Chrome แล้ว

ขั้นตอนที่ 3: คลิกขวาที่ไอคอนส่วนขยาย Stylist จากนั้นเลือกตัวเลือก ใต้แท็บสไตล์ ให้กด เพิ่มสไตล์ใหม่

ขั้นตอนที่ 4: ตอนนี้ตั้งชื่อสไตล์ใหม่ ทำเครื่องหมายที่ตัวเลือก “ไซต์ทั้งหมด” คัดลอกและวางโค้ดชิ้นนี้ (ตามที่แสดงด้านล่าง) ในช่อง แล้วคลิก บันทึก

A:visited { color: green ! สำคัญ

หมายเหตุ: สีของเส้นนี้คือ "สีเขียว" อย่าลังเลที่จะเปลี่ยนเป็นสีอื่นหรือรหัส RGB (เช่น 255, 0, 0) คุณสามารถค้นหาสีเพิ่มเติมและรหัสได้ที่นี่

ข้อสำคัญ: การตรวจสอบ “ไซต์ทั้งหมด”อาจส่งผลต่อประสบการณ์ผู้ใช้ของคุณกับไซต์อื่นๆ ตัวอย่างเช่น ฉันสังเกตเห็นว่าหลังจากดำเนินการเปลี่ยนแปลงแล้ว แท็บ Gmail ของฉันทั้งหมดจะแสดงเป็นสีแดง ซึ่งดูแปลกมาก ดังนั้นฉันจึงเพิ่มกฎนี้ ซึ่งอนุญาตให้การเปลี่ยนแปลงส่งผลต่อผลการค้นหาของ Google บางรายการเท่านั้น

ขั้นตอนที่ 5: ตรวจสอบว่าสไตล์ใหม่มีผลหรือไม่ ในกรณีของฉัน ใช่ — สีของหน้า TechCrunch Wikipedia ที่เข้าชมเปลี่ยนเป็นสีเขียวแล้ว (โดยค่าเริ่มต้นคือสีแดง)

ป.ล. ฉันเคยชินกับการที่สีของลิงก์ที่เข้าชมแสดงเป็นสีม่วงอ่อน ดังนั้นฉันจึงปรับกลับ 🙂

วิธีเปลี่ยนสีลิงก์ที่เยี่ยมชมใน Mozilla Firefox

การเปลี่ยนแปลงในเบราว์เซอร์ Firefox นั้นง่ายยิ่งกว่าเพราะคุณไม่จำเป็นต้องติดตั้งส่วนขยายของบุคคลที่สามซึ่งแตกต่างจาก Chrome ทำตามคำแนะนำทีละขั้นตอนด้านล่าง:

หมายเหตุ: ในบทช่วยสอนนี้ ฉันใช้ Firefox 54.0.1 สำหรับ macOS หากคุณใช้เวอร์ชันอื่นหรือใช้ Windows PC เส้นทางและภาพหน้าจอที่แสดงด้านล่างอาจไม่สามารถใช้ได้

ขั้นตอนที่ 1: ตรวจสอบให้แน่ใจว่า “ใช้การเรียกดูแบบส่วนตัวเสมอ ตัวเลือกโหมด” ถูกยกเลิกการเลือก เปิดเมนู Firefox > ค่ากำหนด > ความเป็นส่วนตัว

ใต้ประวัติ > Firefox จะ : เลือก “ใช้การตั้งค่าแบบกำหนดเองสำหรับประวัติ” หากคุณได้ทำเครื่องหมายที่ “ใช้โหมดการเรียกดูแบบส่วนตัวเสมอ” ให้ยกเลิกการเลือก หากยกเลิกการเลือก (โดยค่าเริ่มต้น) คุณก็สบายดี ไปที่ขั้นตอนที่ 2

ขั้นตอนที่ 2: ตอนนี้ไปที่ เนื้อหา > แบบอักษร & สี> สี

ในหน้าต่าง "สี" เปลี่ยนสีของ "Visited Links:" เป็นสีที่คุณต้องการ เลือก "เสมอ" ในเมนูแบบเลื่อนลง แล้วคลิก "ตกลง" เพื่อบันทึกการเปลี่ยนแปลงของคุณ

ขั้นตอนที่ 3: แค่นั้นแหละ หากต้องการทดสอบว่าการเปลี่ยนแปลงการตั้งค่ามีผลหรือไม่ เพียงทำการค้นหาอย่างรวดเร็วใน Google และดูว่าสีของผลลัพธ์ที่เยี่ยมชมนั้นเปลี่ยนไปหรือไม่ ในกรณีของฉัน ฉันตั้งค่าให้เป็นสีเขียวและใช้งานได้

วิธีเปลี่ยนสีลิงก์ที่เข้าชมใน Safari

กระบวนการนี้ค่อนข้างคล้ายกับของ Chrome คุณจะต้องติดตั้งส่วนขยายชื่อ Stylish ทำตามบทช่วยสอนด้านล่าง ซึ่งฉันยังชี้ให้เห็นเคล็ดลับที่คุณต้องระมัดระวังในการดำเนินการ มิฉะนั้น จะไม่ทำงานตามที่คาดไว้

หมายเหตุ: ฉันใช้ Safari สำหรับ macOS (เวอร์ชัน 10.0) ภาพหน้าจอที่แสดงด้านล่างอาจแตกต่างจากที่คุณเห็นบนคอมพิวเตอร์ของคุณเล็กน้อย

ขั้นตอนที่ 1: รับส่วนขยาย Stylish (ไปที่ลิงก์) และติดตั้งลงในเบราว์เซอร์ Safari ของคุณ .

ขั้นตอนที่ 2: คลิกไอคอนส่วนขยายที่มีสไตล์ (อยู่ที่ด้านบนของแถบเครื่องมือ) จากนั้นเลือก “จัดการ”

ขั้นตอนที่ 3: ในแดชบอร์ดสไตล์ใหม่ ให้ไปที่แก้ไข ทำภารกิจทั้งสี่ให้เสร็จตามที่แสดงในภาพหน้าจอนี้ ชิ้นส่วนของโค้ด CSS แสดงอยู่ด้านล่าง

A:visited { color: green ! สำคัญ

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

ให้ความสนใจเป็นพิเศษเมื่อคุณตั้งกฎ ตัวอย่างเช่น ฉันต้องการเปลี่ยนเฉพาะสีของลิงก์ที่เยี่ยมชมใน Google.com ฉันเลือก "โดเมน" และพิมพ์ "google.com" ใต้ช่อง CSS หมายเหตุ: อย่าพิมพ์ “www.google.com” เพราะจะไม่ทำงาน ฉันต้องลองผิดลองถูกบ้างกว่าจะเข้าใจ

ขั้นตอนที่ 4: ทดสอบเพื่อดูว่าการเปลี่ยนแปลงมีผลหรือไม่ ในกรณีของฉัน มันใช้งานได้

วิธีเปลี่ยนสีลิงก์ที่เข้าชมใน Microsoft Edge

ขออภัย สำหรับผู้ใช้ Windows ฉันยังไม่พบวิธีแก้ปัญหาที่เป็นไปได้ในการเปลี่ยนสีของ ลิงก์ที่เยี่ยมชมหรือไม่ได้เยี่ยมชม ฉันคิดว่าส่วนขยายอย่างมีสไตล์จะใช้งานได้กับ Edge แต่ฉันคิดผิด อย่างไรก็ตาม ดูเหมือนว่าฉันไม่ได้อยู่คนเดียว ดังที่คุณเห็นจากการสนทนานี้ว่าหลายคนต้องการคุณสมบัตินี้

ฉันจะอัปเดตโพสต์นี้หาก Edge เพิ่มฟังก์ชันนี้หรือหากมีส่วนขยายของบุคคลที่สาม ซึ่งได้ผล

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