Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

Firefox 143:ขั้นตอนง่ายๆ ในการเปลี่ยนสีแถบที่อยู่

วิธีเปลี่ยนสีแถบที่อยู่ใน Firefox 143

อัปเดต:29 กันยายน 2025

ในการอัปเดต Firefox ทุกครั้ง Mozilla จะแนะนำการเปลี่ยนแปลงบางอย่าง ไม่ว่าจะเล็กหรือใหญ่ โดยส่วนใหญ่แล้วในทศวรรษที่ผ่านมาหรือนานกว่านั้น การเปลี่ยนแปลงเหล่านี้ส่วนใหญ่เป็นการต่อต้านการยศาสตร์ นี่เป็นกรณีของเบราว์เซอร์ทั้งหมดที่มีอินเทอร์เฟซที่เรียกว่า "ทันสมัย" แต่เนื่องจากฉันใช้ Firefox เป็นหลัก ฉันจึงมุ่งเน้นที่จุดนี้ อันที่จริง ฉันได้แสดงให้คุณเห็นหลายครั้งแล้วว่าจะปรับแต่งเลย์เอาต์ UI เพื่อเพิ่มคอนทราสต์และการใช้งานให้เหมาะสมได้อย่างไรในยุคสมัยใหม่ของอินเทอร์เฟซหลอกที่เรียบง่ายไร้วิญญาณซึ่งไม่มีที่อยู่บนเดสก์ท็อป

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

Firefox 143:ขั้นตอนง่ายๆ ในการเปลี่ยนสีแถบที่อยู่

จากตัวระบุถึงคลาส

ก่อนหน้านี้ ตามที่ระบุไว้ในบทช่วยสอนข้างต้น การประกาศในไฟล์ 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 ของคุณ เมื่อคุณเปิดเบราว์เซอร์อีกครั้ง การปรับแต่งที่คุณต้องการจะมีผล และนั่นคือทั้งหมดเพื่อกำจัดพื้นหลังสีเทาอันโง่เขลา

Firefox 143:ขั้นตอนง่ายๆ ในการเปลี่ยนสีแถบที่อยู่

ดูตัวอย่างก่อนและตอนนี้ เปรียบเทียบข้อความกับความคมชัดของพื้นหลัง ใช่. และข้อความสีเทานั้นก็โง่เช่นกัน และด้วยข้อความสีเทาอ่อนบนพื้นหลังสีเทา คุณถือเป็นอาชญากรรมร้ายแรงในด้านหลักสรีรศาสตร์ แน่นอน

บทสรุป

กาลครั้งหนึ่ง Mozilla พยายามอย่างเต็มที่เพื่อทำให้ URL ดูเหมือนเป็นส่วนหนึ่ง จากนั้น โดยการคัดลอก Google พวกเขาก็เริ่มดึงข้อมูลที่เป็นประโยชน์ออก คำนำหน้าโปรโตคอล สีของแม่กุญแจใบรับรอง สีข้อความ และตอนนี้ก็เป็นพื้นหลังด้วย แนวคิดคือการ "ซ่อน" ช่องที่อยู่นี้จากลิงทั่วไป เนื่องจากลิงทั่วไปไม่เข้าใจอินเทอร์เน็ต สิ่งนี้ไม่ได้ให้ความรู้หรือช่วยเหลือมวลชน แต่ทำทุกอย่างเพื่อทำลายรากฐานการใช้งานตามหลักวิทยาศาสตร์

หากคุณไม่ต้องการใช้เบราว์เซอร์ในโหมดขาวดำสุดชิค คุณสามารถเพิ่มสีสันและปรับปรุงประสบการณ์ของคุณได้ คอนทราสต์ดีขึ้น ปวดตาน้อยลง ใส่ใจในรายละเอียดมากขึ้น ว่าควรจะเป็นอย่างไร โชคดีที่ Firefox อนุญาตให้คุณทำเช่นนี้ได้ คุณสามารถแก้ไข UI ได้ นี่คือเหตุผลว่าทำไมถึงแม้จะไร้สาระสุดๆ บวกกับความจริงที่ว่ามันช่วยให้คุณใช้ส่วนขยาย Manifest V2 ที่น่าทึ่งอย่าง UBlock Origin (UBO) ได้ แต่ Firefox ควรเป็นเบราว์เซอร์หลักของคุณและอาจเป็นเพียงเบราว์เซอร์เดียวหากเป็นไปได้ แม้ว่าจะมีความล้มเหลวทั้งหมดและยังมีอีกมาก แต่นี่ก็ยังคงเป็นเบราว์เซอร์ที่ใช้งานได้ดีอย่างแท้จริง คุณได้รับคำเตือนแล้ว และคุณก็รู้วิธีแก้ไขสีแถบที่อยู่ด้วยเช่นกัน ภารกิจสำเร็จแล้ว

ไชโย