วิธีแก้ไขส่วนต่อประสานผู้ใช้ Firefox 89

  • หมวดหมู่: Firefox

ลองใช้เครื่องมือของเราเพื่อกำจัดปัญหา

การออกแบบอินเทอร์เฟซใหม่ที่เรียกว่า Proton จะเปิดตัวใน Firefox 89 ซึ่งมีกำหนดวางจำหน่ายในวันที่ 1 มิถุนายน 2021 Mozilla ต้องการปรับปรุงส่วนต่อประสานผู้ใช้ของเว็บเบราว์เซอร์ Firefox ด้วย Proton ให้ทันสมัย

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

ผู้ใช้ Firefox ที่ต้องการการออกแบบที่กะทัดรัดยิ่งขึ้นอาจใช้คำแนะนำที่เชื่อมโยงด้านบนเพื่อเปิดใช้งานตัวเลือกความหนาแน่นที่กะทัดรัดในเบราว์เซอร์เพื่อเริ่มใช้งาน อีกทางเลือกหนึ่งคือการปรับเปลี่ยนองค์ประกอบส่วนติดต่อผู้ใช้ด้วย CSS

Firefox UI Fix มีการแก้ไข CSS ที่แก้ไขส่วนต่อประสานผู้ใช้ Firefox 89+ เพื่อให้อินเทอร์เฟซมีขนาดกะทัดรัดยิ่งขึ้น ช่วยลดช่องว่างภายในและองค์ประกอบการออกแบบอื่นๆ เพื่อปรับปรุงการใช้งานสำหรับผู้ใช้ที่ต้องการอินเทอร์เฟซแบบเบามากกว่าอินเทอร์เฟซขนาดใหญ่

ต่อไปนี้เป็นภาพหน้าจอสองภาพของอินเทอร์เฟซ Firefox 89 หลังจากทำการแก้ไขแล้ว ภาพหน้าจอแรกแสดงการออกแบบความหนาแน่นปกติ ส่วนที่สองคือการออกแบบความหนาแน่นแบบกะทัดรัด

firefox 89 อินเทอร์เฟซที่ปรับให้เหมาะสมตามปกติ firefox 89 อินเทอร์เฟซที่ปรับให้เหมาะสม

การติดตั้ง Firefox UI Fix

การติดตั้งไม่ตรงไปตรงมาเท่ากับการติดตั้งโปรแกรมเสริมของ Firefox แต่ก็ไม่ได้ซับซ้อนเช่นกัน

ขั้นแรก คุณต้องเตรียม Firefox เพื่ออนุญาตให้ไฟล์ CSS แก้ไขส่วนต่อประสานผู้ใช้:

  1. โหลด about:config ในแถบที่อยู่ของ Firefox
  2. รับรองว่าคุณจะระวัง
  3. ค้นหา toolkit.legacyUserProfileCustomizations.stylesheets
    1. ใช้ปุ่มสลับเพื่อตั้งค่าเป็น TRUE
  4. ค้นหา svg.context-properties.content.enabled
    1. ใช้ปุ่มสลับเพื่อตั้งค่าการตั้งค่าเป็น TRUE

เมื่อเสร็จแล้ว ดาวน์โหลดไฟล์ CSS สองไฟล์จากไฟล์ ที่เก็บ Github ของโครงการ . เลือก userChrome.css ก่อนเพื่อแสดงบน GitHub จากนั้นเลือกปุ่ม RAW เพื่อแสดง จากนั้นคลิกขวาที่หน้าและใช้บันทึกเป็นเพื่อดาวน์โหลด ชื่อไฟล์ควรเป็น userChrome.css บนคอมพิวเตอร์ของคุณ ทำซ้ำขั้นตอนสำหรับไฟล์ userContent.css

ใน Firefox ให้โหลด about:support และเปิดใช้งานปุ่ม 'แสดงโฟลเดอร์' ถัดจากโฟลเดอร์โปรไฟล์ ซึ่งจะเป็นการเปิดโฟลเดอร์โปรไฟล์ในไฟล์เบราว์เซอร์บนระบบ คุณสามารถปิด Firefox ได้แล้ว

สร้างโฟลเดอร์ 'chrome' ในรูทโปรไฟล์หากไม่มีอยู่ วางไฟล์สองไฟล์ userChrome.css และ userContent.css ไว้ในโฟลเดอร์ chrome แล้วเริ่ม Firefox อีกครั้ง

Firefox ใช้คำสั่ง CSS และอินเทอร์เฟซเปลี่ยนไปอย่างเห็นได้ชัด

โปรดทราบว่าคุณอาจต้องตรวจสอบที่เก็บ GitHub เป็นครั้งคราวเพื่อดูการอัปเดต หากไฟล์ได้รับการอัปเดตแล้ว ให้ดาวน์โหลดและแทนที่ไฟล์ที่เก่ากว่าในไดเรกทอรี chrome

หากคุณรู้จัก CSS คุณสามารถแก้ไขข้อมูลเพื่อปรับแต่งอินเทอร์เฟซเพิ่มเติมได้

ตอนนี้คุณ : การตั้งค่าส่วนต่อประสานผู้ใช้ของคุณคืออะไร กะทัดรัด ปกติ หรือใหญ่กว่านั้น