简体中文 | English | 한국어 | Tiếng Việt | 繁體中文
👆️訪問 GitHub 上的自述文件以獲得更好的體驗。
UserScripts
GitHub查看勤務員的腳本Github:@ChinaGodMan
GreasyFork查看勤務員的腳本
當前頁面查看勤務員的腳本
GreasyFork Total Installs Daily update checks Total Daily Installs Scripts Count
Good Ratings Ok Ratings Bad Ratings CodeQuality Stars Forks Issue
如果腳本對你有幫助,可以點亮星星以資鼓勵
Telegram TikTok Instagram Gmail
推薦使用:
Support
Support
Support
💡 Tip: 以上已列出的腳本管理器和瀏覽器不代表全部
腳本在以下環境中運行正常
Passed

YouTube 動態視頻網格

「 根據窗口寬度動態調整 YouTube 視頻網格,以每行顯示最佳數量的視頻,覆蓋默認的 3 個視頻網格,以實現響應更快的佈局 」

Views

Download:Github | ⭐Greasy Fork

更新記錄

🛠️ youtube-dynamic-grid 更新日誌

📅 2025.6.3.1

新增: •初始版本


## 💖 腳本參考或使用了以下腳本: [🧑‍💻 **@nicholas-fedor**](https://github.com/nicholas-fedor) ⇒ 📜 _[youtube-dynamic-grid](https://github.com/nicholas-fedor/youtube-dynamic-grid/blob/main/youtube-dynamic-grid.user.js)_ ## 概述 根據瀏覽器窗口的寬度動態調整每行顯示的視頻數量,優化了YouTube視頻網格佈局。 此腳本確保佈局具有響應性,從而優化屏幕空間,提供更好的瀏覽體驗。 該腳本會計算最佳的視頻數量(介於3到12之間),並應用必要的CSS覆蓋。 > 無法保證此腳本長期有效。 ## 快速開始 **使用腳本**: - 在瀏覽器中訪問[YouTube](https://www.youtube.com/)。 - 腳本會根據窗口大小自動調整視頻網格。 - 調整瀏覽器窗口大小即可看到網格動態適配。 - 在URL後添加`?debug=1`(例如,`https://www.youtube.com/?debug=1`)可以啟用調試日誌。 ## 功能 - **響應式網格**:根據窗口寬度調整每行顯示的視頻數量(3到12)。 - **無縫集成**:適用於YouTube主頁及其他視頻網格頁面。 - **高效更新**:使用MutationObserver和事件監聽器實現實時網格調整。 - **回退機制**:包括輪詢和重試以確保與YouTube的動態加載兼容。 ## 使用方法 - 腳本會在YouTube頁面(`*://www.youtube.com/*` 和 `*://youtube.com/*`)自動操作。 - 無需配置;網格會根據你的瀏覽器窗口寬度自動調整。 - 為了獲得最佳性能,請避免同時運行多個網格修改腳本。 ## 參數 - `videoWidth`: 340px(縮略圖寬度,適用於3440x1440屏幕顯示約9個視頻) - `margin`: 40px(左右總邊距) - `gap`: 10px(縮略圖間距) ## 使用幫助 推薦瀏覽器和腳本管理器: - **Greasemonkey + Waterfox** - **Tampermonkey/Violentmonkey + Firefox** - **Tampermonkey/Violentmonkey + Chrome** - **Userscripts + ios Safari** - **Violentmonkey/KiWiBrowser + Android** **如果你需要了解更多關於如何安裝用戶腳本,[點擊我](https://github.com/ChinaGodMan/UserScripts/blob/main/docs/help/zh-TW#readme)查看圖文教學!** ### [查看所有發布腳本](https://github.com/ChinaGodMan/UserScripts/tree/main/docs/zh-TW#-%E8%85%B3%E6%9C%AC%E5%88%97%E8%A1%A8)

更多用戶腳本 /回到頂部↑