วิธีการปรับแต่งส่วนต่อประสานผู้ใช้ของ Firefox ด้วย userChrome.css

ส่วนต่อประสานของ Firefox Quantum ยังคงสามารถปรับแต่งได้อย่างมากเนื่องจากไฟล์ userChrome.css คุณสามารถแก้ไขไฟล์นี้เพื่อซ่อนรายการเมนูที่ไม่ต้องการย้ายแถบแท็บด้านล่างแถบเครื่องมือนำทางดูหลายแถวบนแถบเครื่องมือบุ๊กมาร์กของคุณและทำสิ่งอื่น ๆ ตามปกติซึ่งเป็นไปไม่ได้.

วิธีนี้ใช้ได้ผล

ไฟล์ userChrome.css ของ Firefox เป็นไฟล์สไตล์ชีท (CSS) แบบเรียงซ้อนที่ Firefox ใช้ แม้ว่าปกติแล้วสไตล์ชีทจะถูกนำไปใช้กับเว็บเพจ แต่สไตล์ชีทนี้จะถูกนำไปใช้กับส่วนติดต่อผู้ใช้ของ Firefox ช่วยให้คุณเปลี่ยนลักษณะที่ปรากฏและเค้าโครงของทุกสิ่งรอบ ๆ หน้าเว็บได้ คุณไม่สามารถเพิ่มคุณสมบัติใด ๆ ได้ คุณสามารถแก้ไขสิ่งที่มีอยู่แล้วเพื่อเปลี่ยนแปลงซ่อนหรือย้าย.

สิ่งนี้ไม่เกี่ยวข้องกับ Google Chrome “ Chrome” หมายถึงส่วนต่อประสานผู้ใช้ของเว็บเบราว์เซอร์ซึ่งเป็นชื่อที่ Google Chrome ตั้งชื่อตาม.

ไฟล์ userChrome.css มีอยู่ใน Firefox มาเป็นเวลานาน แต่มีความสำคัญต่อการต่ออายุด้วย Firefox Quantum การปรับแต่งหลายอย่างที่ทำได้โดยเบราว์เซอร์แอดออนก่อนหน้านี้สามารถทำได้โดยการแก้ไขไฟล์ userChrome.css.

จะหา Tweaks ได้ที่ไหน

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

นี่คือแหล่งข้อมูลที่จะช่วยให้คุณเริ่มต้น:

• ตัวอย่าง Tweaks จาก userChrome.org: รายการย่อของ tweaks ที่น่าสนใจที่แสดงพลังของ userChrome.css.
• Classic CSS Tweaks: แหล่งเก็บข้อมูลของ userChrome.css ปรับแต่งจากผู้เขียนส่วนขยาย Classic Theme Restorer ซึ่งไม่สามารถใช้งานได้กับ Firefox Quantum.
• userChrome Tweaks: ชุดของการปรับแต่ง Firefox ที่น่าสนใจ.
• FirefoxCSS บน Reddit: subreddit นี้เป็นชุมชนสำหรับการพูดคุย tweaks คุณสามารถค้นหา subreddit เพื่อค้นหา tweaks ของผู้อื่นดูว่าผู้คนแบ่งปันอะไรและแม้แต่ขอข้อมูลถ้าคุณไม่สามารถหา tweak ที่คุณต้องการได้.
• คำแนะนำในการแก้ไขเมนูบริบทของคุณ: คำแนะนำสำหรับการลบรายการออกจากเมนูบริบทของ Firefox และเปลี่ยนลำดับในรายการซึ่งนำมาจาก subreddit FirefoxCSS.

โปรดทราบว่า Firefox เวอร์ชันเก่ามีอินเทอร์เฟซที่แตกต่างออกไป userChrome.css ที่เก่ากว่าปรับแต่งที่คุณค้นหาออนไลน์อาจไม่สามารถใช้งานได้บน Firefox 57 และใหม่กว่าหรือที่เรียกว่า Firefox Quantum.

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

วิธีการสร้างไฟล์ userChrome.css ของคุณ

ไฟล์ userChrome.css ไม่มีอยู่ตามค่าเริ่มต้นดังนั้นเมื่อคุณมีการปรับแต่งสองหรือสองอย่างที่คุณต้องการลองก่อนอื่นคุณต้องสร้างไฟล์ในตำแหน่งที่เหมาะสมภายในโฟลเดอร์โปรไฟล์ Firefox ของคุณ.

หากต้องการเปิดโฟลเดอร์โปรไฟล์ Firefox ของคุณให้คลิกเมนู> ความช่วยเหลือ> ข้อมูลการแก้ไขปัญหาใน Firefox.

คลิกปุ่ม“ เปิดโฟลเดอร์” ทางด้านขวาของโฟลเดอร์โปรไฟล์เพื่อเปิด (บน macOS หรือ Linux คุณจะเห็นปุ่ม“ แสดงใน Finder” หรือ“ Open Directory” แทนคำแนะนำต่อไปนี้จะแสดงกระบวนการบน Windows แต่โดยพื้นฐานแล้วมันเหมือนกันใน Mac และ Linux คุณจะใช้ ตัวจัดการไฟล์และตัวแก้ไขข้อความอื่น)

หากคุณเห็นโฟลเดอร์ชื่อ“ chrome” ในโฟลเดอร์โปรไฟล์ที่ปรากฏขึ้นให้คลิกสองครั้งที่โฟลเดอร์นั้น อย่างไรก็ตามคุณอาจจะไม่ได้รับเนื่องจากโฟลเดอร์นี้ไม่ได้สร้างโดย Firefox รุ่นใหม่.

หากต้องการสร้างโฟลเดอร์ให้คลิกขวาในบานหน้าต่างด้านขวาและเลือกใหม่> โฟลเดอร์ ตั้งชื่อมันว่า“ chrome” แล้วกด Enter จากนั้นดับเบิลคลิก.

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

ใน Windows 8 หรือ 10 คุณสามารถคลิกแท็บ "มุมมอง" บน Ribbon และทำเครื่องหมายที่ช่อง "นามสกุลไฟล์ชื่อ" เพื่อให้มองเห็นได้ ใน Windows 7 ให้คลิกจัดระเบียบ> ตัวเลือกโฟลเดอร์และค้นหาคลิกแท็บ“ ดู” และยกเลิกการเลือก“ ซ่อนนามสกุลของไฟล์ประเภทที่รู้จัก”.

ตอนนี้คุณจะสร้างไฟล์ userChrome.css ซึ่งเป็นเพียงไฟล์ข้อความเปล่าที่มีนามสกุล. css แทนส่วนขยาย. txt.

ในการทำเช่นนั้นคลิกขวาในบานหน้าต่างด้านขวาที่นี่และเลือกใหม่> เอกสารข้อความ ตั้งชื่อว่า“ userChrome.css” เพื่อให้แน่ใจว่าได้ลบนามสกุลไฟล์. txt.

Windows จะเตือนคุณว่าคุณกำลังเปลี่ยนนามสกุลของไฟล์และอาจเป็นปัญหาสำหรับไฟล์บางประเภท คลิก“ ใช่” เพื่อยืนยันการเปลี่ยนแปลงของคุณ.

บน macOS หรือ Linux ให้สร้างไฟล์ข้อความเปล่าที่มีชื่อเดียวกัน.

วิธีแก้ไขไฟล์ userChrome.css

คุณสามารถใช้โปรแกรมแก้ไขข้อความเพื่อแก้ไขไฟล์ userChrome.css แก้ไขข้อความ Notepad ที่มาพร้อมกับ Windows ใช้งานได้ดี หากคุณต้องการโปรแกรมแก้ไขข้อความที่ทรงพลังกว่าพร้อมฟีเจอร์มากมายเราชอบ Notepad++.

หากต้องการแก้ไขไฟล์ใน Notepad ให้คลิกขวาที่ไฟล์แล้วเลือก“ แก้ไข”.

เพิ่ม tweaks ใด ๆ ก็ตามที่คุณต้องการลงในไฟล์โดยการคัดลอกและวางมันลงไปหากคุณเพิ่ม tweaks หลายอันอย่าลืมเพิ่มพวกมันทั้งหมดในบรรทัดของมันเอง.

เมื่อเสร็จแล้วให้บันทึกไฟล์โดยคลิกไฟล์> บันทึกในแผ่นจดบันทึก.

เมื่อใดก็ตามที่คุณแก้ไขไฟล์ userChrome.css คุณจะต้องปิดหน้าต่าง Firefox ที่เปิดอยู่ทั้งหมดและเปิด Firefox อีกครั้งเพื่อให้การเปลี่ยนแปลงของคุณมีผล.

หากคุณพบว่าคุณกลับมาที่โฟลเดอร์“ chrome” บ่อยครั้งเพื่อแก้ไขไฟล์ userChrome.css ของคุณคุณอาจต้องการสร้างทางลัดบนเดสก์ท็อปไปยังโฟลเดอร์หรือเพิ่มลงในโฟลเดอร์“ Quick access” ใน File Explorer.

ไฟล์ userContent.css

Firefox ยังมีไฟล์ userContent.css ที่คุณสามารถแก้ไขได้และคุณอาจสะดุดกับการปรับแต่งที่บอกว่าพวกเขามีไว้สำหรับไฟล์ userContent.css.

หากต้องการใช้ไฟล์นี้เพียงแค่สร้างไฟล์ชื่อ“ userContent.css” ในโฟลเดอร์เดียวกับโฟลเดอร์ Chrome ของคุณ ปรับแต่งที่คุณวางไว้ในไฟล์นี้จะมีผลต่อ "หน้าเนื้อหา" ภายในของ Firefox เช่นหน้าแท็บใหม่และหน้าตัวเลือก.

ช่วยฉันทำลายอะไรซักอย่าง!

หากคุณเคยประสบปัญหากับการบิดคุณสามารถลบออกจากไฟล์ userChrome.css ของคุณแล้วรีสตาร์ท Firefox หากไม่ได้ผลคุณสามารถลบไฟล์ userChrome.css และรีสตาร์ทเบราว์เซอร์เพื่อลบการเปลี่ยนแปลงทั้งหมดของคุณและรับส่วนต่อประสาน Firefox ใหม่.