吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 2616|回复: 15
收起左侧

[其他原创] 以Firefox为核心的浏览器实现多列显示收藏栏书签

[复制链接]
airswipe 发表于 2025-2-12 13:40
使用FIREFOX浏览器,但是发现火狐不能像国产浏览器那样自带多列显示收藏栏书签
网上找了些资料发现可以通过火狐的CSS功能实现

在火狐浏览器地址栏输入about:support
{3B7265EF-73D2-46f3-A893-B1608F00EDE1}.png

此处可以定位到火狐的配置文件夹,在此文件夹内新建chrome文件夹,然后进入chrome文件夹,新建文本文件,打开在里面输入以下代码,保存后文件更名为userChrome.css

#bookmarksMenuPopup {width: 320px !important}.menupopup-arrowscrollbox *{
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(25, auto);
grid-template-columns: repeat(6,180px);
}


代码说明一下:
修改"25":可以改变书签竖向的行数
修改"6":可以改变书签竖向的列数
修改"180px":可以改变书签宽度
然后开启浏览器的CSS功能firefox地址栏输入about:config,搜索toolkit.legacyUserProfileCustomizations.stylesheets,点击右边按钮,将其设为true
重启浏览器就能看到效果 {6C27DD2A-9A65-4706-B59F-20F447826F8E}.png
但是目前有个问题,这样修改以后,右键菜单也变成了书签栏这么长希望有大佬优化一下代码本人非程序员只懂一点点皮毛
微信图片_20250212133951.png

{6223B529-5AD7-4ceb-87F5-4348FF0F2EEE}.png

免费评分

参与人数 1热心值 +1 收起 理由
complex + 1 谢谢@Thanks!

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

lfer 发表于 2025-2-12 16:06
试试把CSS内容改为以下:
.menupopup-arrowscrollbox * {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(25, auto);
}
smarts 发表于 2025-3-29 20:41
#bookmarksMenuPopup {width: 720px !important}.menupopup-arrowscrollbox *{
display: grid;
grid-auto-flow: rows;
grid-template-rows: repeat(52, auto);
grid-template-columns: repeat(6,180px);
atpjcom 发表于 2025-2-12 14:07
一场荒唐半生梦 发表于 2025-2-12 14:23
多谢分享 要是能内置修改下就更好了 坐等大佬
愤怒的小小飞 发表于 2025-2-12 15:06
发布原创作品
谁为我暖床 发表于 2025-2-12 16:26
这个挺实用的
blackdarks 发表于 2025-2-12 18:32
有个脚本文件实现多列BMMultiColumn.uc.js
goblack 发表于 2025-2-12 21:11
收藏了那么多日后记得住吗?
 楼主| airswipe 发表于 2025-2-13 02:04
goblack 发表于 2025-2-12 21:11
收藏了那么多日后记得住吗?

定期整理呗
 楼主| airswipe 发表于 2025-2-13 12:41
blackdarks 发表于 2025-2-12 18:32
有个脚本文件实现多列BMMultiColumn.uc.js

我刚刚以你这个脚本搜了一下,还发现了另一种自动隐藏的多列排序,我有空研究下
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - 52pojie.cn ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2026-7-5 15:17

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表