ลดความสูงของแถบและแถบบุ๊กมาร์กของ Firefox

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

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

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

ตัวอย่างเช่นหากคุณไม่เคยใช้แถบเครื่องมือบุ๊กมาร์กคุณอาจต้องการลบออกจาก UI เนื่องจากคุณได้รับพิกเซลเพิ่มอีก 30 พิกเซลเพื่อแสดงเนื้อหาของเว็บไซต์

เช่นเดียวกับแถบแท็บ แต่เนื่องจากโดยปกติแล้วจำเป็นสิ่งที่คุณทำได้คือลดความสูงลงเพียงเล็กน้อยเพื่อเพิ่มพื้นที่แนวตั้งใน Firefox

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

ดูภาพหน้าจอสองภาพต่อไปนี้เพื่อดูความแตกต่างของความสูง

regular-height

firefox reduce height tabs bookmarks

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

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

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

  1. โหลดเกี่ยวกับ: รองรับในแถบที่อยู่ของเบราว์เซอร์แล้วกด Enter
  2. ค้นหาปุ่มแสดงโฟลเดอร์ภายใต้ข้อมูลพื้นฐานของแอปพลิเคชันและคลิกที่มัน ซึ่งจะเปิดโฟลเดอร์โปรไฟล์โดยใช้เบราว์เซอร์ไฟล์เริ่มต้นของระบบ
  3. เปิดโฟลเดอร์ Chrome ที่นั่น หากไม่มีอยู่ให้สร้างโฟลเดอร์ใหม่และตั้งชื่อเป็น Chrome
  4. เปิดไฟล์ userChrome.css ในโฟลเดอร์ Chrome อีกครั้งถ้าไม่มีให้สร้างมันขึ้นมา
  5. เพิ่มข้อมูลต่อไปนี้ในไฟล์:

ในการเปลี่ยนความสูงของแถบเครื่องมือแท็บ:

#TabsToolbar {ความสูง: 25px! important; }

ในการเปลี่ยนความสูงของแถบเครื่องมือบุ๊กมาร์ก:

PersonalToolbar {ความสูง: 25px! important;}

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

ตรวจสอบให้แน่ใจว่าบรรทัดของโค้ดต่อไปนี้แสดงที่ด้านบนของไฟล์หนึ่งครั้ง:

@namespace url ('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'); / * จำเป็นเพียงครั้งเดียว * /

โค้ดแบบเต็มมีลักษณะดังต่อไปนี้ใน userChrome.css

@namespace url ('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'); / * จำเป็นเพียงครั้งเดียว * /

#TabsToolbar {ความสูง: 25px! important; }

#PersonalToolbar {ความสูง: 5px! important;}