Facebook多欄化

修正高度限制與滾動問題,強化多欄穩定性

目前為 2025-05-13 提交的版本,檢視 最新版本

作者
Dxzy
評價
0 0 0
版本
20250513.23
建立日期
2025-05-09
更新日期
2025-05-13
尺寸
3.8 KB
授權條款
MIT
腳本執行於

原本的樣式不可用(userstyles.world/user/isaackuo),以AI改造而來的。

10.19 增加網址匹配,點擊時間或留言、通知展開貼文時不會因此破壞排列、導致退出時重排。
11~14 增加匹配搜尋,修復遮蔽小廣告區域誤擋分享按鈕的問題。擴大單帖展開時的寬度。

除了首頁,添加動態消息的支援
https://www.facebook.com/?filter=all&sk=h_chr

左右欄位縮放隱藏,而細節的部分沒有努力調整到自適應的程度,
畢竟人各有需求,添加協助修改的註解。
/* === 核心修正區 === */
--column-count: 4; /* 所需欄數 */ 如果同個瀏覽器會交錯使用在垂直、一般螢幕上那挺不合適的。
--column-gap: 20px; /* 彼此間隔 */
--max-post-height: 80vh; /* 所佔視窗高度 */
--sidebar-width: 60px; /*側邊寬度 應該不用動*/

如果跟腳本一起使用,腳本會覆蓋欄位數量的設定,所以樣式這邊就不用動了。

點開留言、時間,單一帖子放大的部分可以調整寬度和尺寸
/* === 單帖放大 === */
@media (min-width: 1900px) {

以下隱藏首頁原有的發佈框和限時動態框,不需要便刪除這幾行。
/* === 隱藏元素 === */
footer, /左側底部一串AD文字
.x1ceravr.xq1tmr.xvue9z.x193iq5w > .x1yztbdb, /頂部的發文欄
div.x1lliihq:nth-of-type(2) /固定出現在第二塊的廣告區塊
{
display: none;
}

以下調整中央的寬度
/* 主容器群組 */
max-width: 100%; 想要留邊調整這個
width: calc(100% - var(--sidebar-width)); /* 減去左側欄寬度已挪到樣式最上方 */
margin: 0 0 0 auto; /* 向右貼齊 */ 改為 0 auto 為置中

以下拉出首頁右側的通訊,因為別的地方可以叫所以只留這一塊先不管了。
/* 右側通訊欄 */
width: 0%;/* 增加比例以顯示 */

使用ublock時除了內建規則遮蔽AD,應該沒有特別需要遮蓋的東西了。

更有效率的發洩憤怒 https://greasyfork.org/zh-TW/scripts/535843-facebook-%E8%87%AA%E5%8B%95%E5%B1%95%E9%96%8B%E8%88%87%E4%BA%92%E5%8B%95%E5%A2%9E%E5%BC%B7