[-Fx-] 隱藏書籤列文字

看板Browsers作者 (ゴミ丼 わかんりんにゃれ)時間3年前 (2020/06/25 13:18), 編輯推噓4(4031)
留言35則, 4人參與, 3年前最新討論串1/1
原本個人是用編輯直接刪除書籤名稱的作法 來達到讓書籤工具列只剩下圖示的效果 但因為要跟iOS同步所以必須捨棄這種作法 (因為會造成Safari這邊的書籤文字出問題) 以往還可以用擴充套件或是改css的方式去隱藏書籤列文字 但Mozilla已經確定未來將會取消usechrome.css的支援 過去曾經用過的擴充套件也早已在57版就不支援 在Chrome上有一個Bookmark Favicon Changer倒是非常符合我的需求 不知道在Firefox上面有沒有類似的擴充套件? 因為這個套件很可惜並沒有Firefox版... -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 72.235.37.46 (美國) ※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1593062321.A.CEB.html

06/26 12:47, 3年前 , 1F
官方有說會確定停止支援userchrome.css嗎?
06/26 12:47, 1F

06/28 02:48, 3年前 , 2F
69開始已經預設停用了,得手動啟用
06/28 02:48, 2F

06/28 15:20, 3年前 , 3F
在升級到69之前 Fx68會先偵測系統是否存在
06/28 15:20, 3F

06/28 15:20, 3年前 , 4F
userChrome.css 或 userContent.css 這兩個檔案
06/28 15:20, 4F

06/28 15:20, 3年前 , 5F
如果使用者有使用這兩個檔案
06/28 15:20, 5F

06/28 15:20, 3年前 , 6F
Fx會自動新增啟用 about:config 的參數
06/28 15:20, 6F

06/28 15:21, 3年前 , 7F
toolkit.legacyUserProfileCustomizations
06/28 15:21, 7F

06/28 15:21, 3年前 , 8F
.stylesheets = true 所以有使用user css的使用者
06/28 15:21, 8F

06/28 15:21, 3年前 , 9F
從68升級到69完全不需要手動修改任何設定
06/28 15:21, 9F

06/28 15:21, 3年前 , 10F
系統會自動平順的升級 以避免造成使用者困擾
06/28 15:21, 10F

06/28 15:21, 3年前 , 11F
預設不載入這兩個css的原意是為了加快啟動速度
06/28 15:21, 11F

06/28 15:22, 3年前 , 12F
我之前看到的討論官方並沒有說會廢止這個功能
06/28 15:22, 12F

06/28 15:22, 3年前 , 13F
使用userChrome.css 可以做到隱藏書籤列的文字說明
06/28 15:22, 13F

06/28 15:22, 3年前 , 14F
只保留圖示
06/28 15:22, 14F

06/28 15:22, 3年前 , 15F
#personal-bookmarks .toolbarbutton-text {
06/28 15:22, 15F

06/28 15:22, 3年前 , 16F
display: none !important;
06/28 15:22, 16F

06/28 15:22, 3年前 , 17F
}
06/28 15:22, 17F

06/28 15:23, 3年前 , 18F
也可以自行修改書籤資料夾的圖示
06/28 15:23, 18F

06/28 15:23, 3年前 , 19F
讓每個資料夾有不同的圖示
06/28 15:23, 19F

06/28 15:23, 3年前 , 20F
.bookmark-item[container="true"]
06/28 15:23, 20F

06/28 15:23, 3年前 , 21F
[label="資料夾名稱"] {
06/28 15:23, 21F

06/28 15:23, 3年前 , 22F
list-style-image: url("data:image/png;base64,
06/28 15:23, 22F

06/28 15:24, 3年前 , 23F
填入欲替換圖示的base64碼) !important;
06/28 15:24, 23F

06/28 15:24, 3年前 , 24F
-moz-image-region: rect(0px 16px 16px 0px)
06/28 15:24, 24F

06/28 15:24, 3年前 , 25F
!important;
06/28 15:24, 25F

06/28 15:24, 3年前 , 26F
}
06/28 15:24, 26F

06/28 15:39, 3年前 , 27F
修改後效果像這個樣子 https://i.imgur.com/cRWSNNz.png
06/28 15:39, 27F

06/28 15:39, 3年前 , 28F
第一個是復原分頁的擴充圖示 因為我覺得不好看
06/28 15:39, 28F

06/28 15:40, 3年前 , 29F
所以也手動換掉 後面是書籤列
06/28 15:40, 29F

06/28 15:40, 3年前 , 30F
每個網站的預設圖示都可以替換
06/28 15:40, 30F

06/28 15:40, 3年前 , 31F
中間的圖示都是書籤資料夾
06/28 15:40, 31F

06/28 15:40, 3年前 , 32F
本來資料夾都是同樣的圖示 沒有文字說明很難區分
06/28 15:40, 32F

06/28 15:40, 3年前 , 33F
換成不同的圖示後 就可以很清楚的分辨
06/28 15:40, 33F

06/28 16:08, 3年前 , 34F
如果未來還是能用的話就沒問題了 感謝教學
06/28 16:08, 34F

08/03 21:44, 3年前 , 35F
centbrowser內建就有這個功能了 雖然不是Fx
08/03 21:44, 35F
文章代碼(AID): #1Uz3Enph (Browsers)