Windows XP Windows 7 Windows 2003 Windows Vista Windows 綜合教學 Linux 系統教學
Windows 10 Windows 8 Windows 2008 Windows NT Windows Server 電腦軟體教學
您现在的位置: Windows教程網 >> Windows教程 >  >> 電腦軟體教學 >> 電腦軟體介紹

用 Stylish + CSS 改造網頁:夜間模式、雙欄搜尋結果、過濾廣告,瀏覽體驗全面升級

編輯:電腦軟體介紹

核心工具:Stylish 擴充功能

Chrome、Firefox 皆需安裝 Stylish(或 Stylus)來管理、套用使用者樣式(UserStyle)。安裝後即可從網站或手動導入 CSS。

實戰一:一鍵啟用全站夜間模式(護眼)

  1. 安裝 Stylish 並重啟瀏覽器。
  2. 上 userstyles.org 搜尋 Global dark style。
  3. 挑選喜歡的樣式,點「Install with Stylish」→ 確認安裝。
  4. 重新整理頁面,背景變深色、文字反白,長時間閱讀不刺眼。

安裝夜間模式 夜間模式效果

實戰二:百度/Google 搜尋結果強制雙欄顯示(善用寬螢幕)

寬螢幕單欄顯示浪費空間。手動導入 CSS 實現雙欄:

  1. 下載現成 CSS(文中提供 tinyurl.com/k24krvx),用文字編輯器開啟複製全部代碼。
  2. 瀏覽器「工具」→「附加元件」→「使用者樣式」→「撰寫新樣式」。
  3. 命名、加標籤,貼上 CSS 代碼,儲存。

手動新增樣式 雙欄搜尋結果

效果:搜尋結果雙欄並排、側邊廣告被隱藏、資訊密度倍增。

進階:自己寫 CSS、針對特定網站客製化

  • Stylish 支援「套用網域」設定,可只對特定網站生效。
  • 善用開發人員工具(F12)檢視元素,針對性隱藏干擾區塊、調整字體大小/行高/配色。
  • 常用技巧:`display:none` 隱藏廣告、側欄;`body { background:#1a1a1a; color:#ddd; }` 快速夜間模式。

小結

Stylish + CSS 讓使用者重掌瀏覽體驗主導權:護眼、高效、無廣告。從現成樣式入門,再慢慢學幾行 CSS,網頁就真正變成「你想要的樣子」。

Copyright © Windows教程網 All Rights Reserved