วิธีเปลี่ยนสีแถบที่อยู่ใน Firefox 143
อัปเดต:29 กันยายน 2025
ในการอัปเดต Firefox ทุกครั้ง Mozilla จะแนะนำการเปลี่ยนแปลงบางอย่าง ไม่ว่าจะเล็กหรือใหญ่ โดยส่วนใหญ่แล้วในทศวรรษที่ผ่านมาหรือนานกว่านั้น การเปลี่ยนแปลงเหล่านี้ส่วนใหญ่เป็นการต่อต้านการยศาสตร์ นี่เป็นกรณีของเบราว์เซอร์ทั้งหมดที่มีอินเทอร์เฟซที่เรียกว่า "ทันสมัย" แต่เนื่องจากฉันใช้ Firefox เป็นหลัก ฉันจึงมุ่งเน้นที่จุดนี้ อันที่จริง ฉันได้แสดงให้คุณเห็นหลายครั้งแล้วว่าจะปรับแต่งเลย์เอาต์ UI เพื่อเพิ่มคอนทราสต์และการใช้งานให้เหมาะสมได้อย่างไรในยุคสมัยใหม่ของอินเทอร์เฟซหลอกที่เรียบง่ายไร้วิญญาณซึ่งไม่มีที่อยู่บนเดสก์ท็อป
มาที่ Firefox 143 การปรับแต่งแถบที่อยู่ไม่ทำงานอีกต่อไป กล่าวคือ ฉันได้เปลี่ยนพื้นหลังสีเทาที่ไม่มีจุดหมายเป็นสีขาว ดังนั้นจึงมีความแตกต่างระหว่างข้อความ URL และผืนผ้าใบที่ใช้เขียนมากขึ้น เรื่องไร้สาระสีเทาทั้งหมดเป็นสีเทานั่นเอง แต่อนิจจา Mozilla ตัดสินใจทำให้ชีวิตของฉันยากขึ้น และจากอีเมลในกล่องจดหมายของฉัน ชีวิตของคุณก็เช่นกัน เอาล่ะ เราจะแก้ไขเรื่องนี้ ฉันจะแสดงโค้ดที่คุณต้องแนะนำให้กับ CSS ของคุณเพื่อปรับแต่งสีพื้นหลังของแถบที่อยู่ให้เหมาะกับสิ่งที่คุณต้องการ ตามฉันมา
จากตัวระบุถึงคลาส
ก่อนหน้านี้ ตามที่ระบุไว้ในบทช่วยสอนข้างต้น การประกาศในไฟล์ userChrome.css ของคุณที่เปลี่ยนสีพื้นหลังคือ:
#urlbar-พื้นหลัง {
สีพื้นหลัง:สีขาว !สำคัญ;
เส้นขอบ:1px solid rgba(10, 132, 255, 0.3) !สำคัญ;
โปรดทราบว่าการเลือกสีเฉพาะสำหรับพื้นหลัง สีเส้นขอบ และความหนาเป็นของฉันทั้งหมด คุณสามารถเลือกการตั้งค่าอื่นๆ ได้ตามต้องการ เพื่อประโยชน์ของคู่มือนี้ จึงมีตัวอย่างดังนี้
ฉันต้องเปิดใช้งานการดีบักใน Firefox เปิดกล่องเครื่องมือของเบราว์เซอร์ และตรวจสอบองค์ประกอบต่างๆ เพื่อดูว่ามีอะไรเปลี่ยนแปลงไปบ้าง ปรากฎว่าการเปลี่ยนแปลงนั้นเล็กน้อยแต่มีนัยสำคัญ Mozilla ได้เปลี่ยนการประกาศแถบ URL ให้เป็นคลาส ดังนั้นสิ่งที่คุณต้องทำคือ:
.urlbar-พื้นหลัง {
พื้นหลัง:สีขาว !สำคัญ;
เส้นขอบ:1px solid rgba(130, 130, 130, 0.5) !สำคัญ;
โดยพื้นฐานแล้วให้แทนที่ # ด้วย . สำหรับสิ่งนี้และ/หรือการประกาศที่เกี่ยวข้องกับ urlbar อื่น ๆ ที่คุณอาจมีในไฟล์ CSS ของคุณ เมื่อคุณเปิดเบราว์เซอร์อีกครั้ง การปรับแต่งที่คุณต้องการจะมีผล และนั่นคือทั้งหมดเพื่อกำจัดพื้นหลังสีเทาอันโง่เขลา
ดูตัวอย่างก่อนและตอนนี้ เปรียบเทียบข้อความกับความคมชัดของพื้นหลัง ใช่. และข้อความสีเทานั้นก็โง่เช่นกัน และด้วยข้อความสีเทาอ่อนบนพื้นหลังสีเทา คุณถือเป็นอาชญากรรมร้ายแรงในด้านหลักสรีรศาสตร์ แน่นอน
บทสรุป
กาลครั้งหนึ่ง Mozilla พยายามอย่างเต็มที่เพื่อทำให้ URL ดูเหมือนเป็นส่วนหนึ่ง จากนั้น โดยการคัดลอก Google พวกเขาก็เริ่มดึงข้อมูลที่เป็นประโยชน์ออก คำนำหน้าโปรโตคอล สีของแม่กุญแจใบรับรอง สีข้อความ และตอนนี้ก็เป็นพื้นหลังด้วย แนวคิดคือการ "ซ่อน" ช่องที่อยู่นี้จากลิงทั่วไป เนื่องจากลิงทั่วไปไม่เข้าใจอินเทอร์เน็ต สิ่งนี้ไม่ได้ให้ความรู้หรือช่วยเหลือมวลชน แต่ทำทุกอย่างเพื่อทำลายรากฐานการใช้งานตามหลักวิทยาศาสตร์
หากคุณไม่ต้องการใช้เบราว์เซอร์ในโหมดขาวดำสุดชิค คุณสามารถเพิ่มสีสันและปรับปรุงประสบการณ์ของคุณได้ คอนทราสต์ดีขึ้น ปวดตาน้อยลง ใส่ใจในรายละเอียดมากขึ้น ว่าควรจะเป็นอย่างไร โชคดีที่ Firefox อนุญาตให้คุณทำเช่นนี้ได้ คุณสามารถแก้ไข UI ได้ นี่คือเหตุผลว่าทำไมถึงแม้จะไร้สาระสุดๆ บวกกับความจริงที่ว่ามันช่วยให้คุณใช้ส่วนขยาย Manifest V2 ที่น่าทึ่งอย่าง UBlock Origin (UBO) ได้ แต่ Firefox ควรเป็นเบราว์เซอร์หลักของคุณและอาจเป็นเพียงเบราว์เซอร์เดียวหากเป็นไปได้ แม้ว่าจะมีความล้มเหลวทั้งหมดและยังมีอีกมาก แต่นี่ก็ยังคงเป็นเบราว์เซอร์ที่ใช้งานได้ดีอย่างแท้จริง คุณได้รับคำเตือนแล้ว และคุณก็รู้วิธีแก้ไขสีแถบที่อยู่ด้วยเช่นกัน ภารกิจสำเร็จแล้ว
ไชโย