在本文中:如何使用 Android 瀏覽器擴充功能為每個網站自訂 CSS我會解釋一下。
有多種瀏覽器可以在 Android 上運行擴充程序,但在本文中我們將使用以下兩種瀏覽器作為範例。
相關文章如何在 iPhone 版 Safari 中設定自訂 CSS
相關文章如何在 Mac 版 Safari 中設定自訂 CSS
Microsoft Edge – 如何使用 Stylebot 為每個網站設定自訂 CSS

開啟 Microsoft Edge 並從 Edge 附加商店中風格機器人安裝。
當您開啟頁面時,將顯示以下訊息,並且您將自動轉到新增畫面。
この拡張機能をインストールします...
購買→追加我會做
雖然寫著“購買”,但基本上可以免費添加。
現在您可以使用該擴充功能。

(左)等待紅框訊息出現 (右)購買

(左)新增(右)新增擴展
現在準備工作已經完成。
之後,在顯示要套用 CSS 程式碼的頁面時,請按一下選單擴充→風格機器人→打開 Stylebot進入「代碼」標籤並註冊 CSS 代碼。

(左)擴展(右)Stylebot

(左)開啟 Stylebot (右)「代碼」標籤
例如,如果您想從 Google 搜尋頁面隱藏“AI 摘要”,請在顯示 Google 搜尋頁面時註冊以下程式碼。
.YzCcne {
display: none !important;
}輸入資料後,按右上角的✕按鈕關閉。

複製並貼上到“代碼”選項卡中
刷新頁面,看看CSS代碼是否反映。

應用後紅框(左)中的顯示消失(右)
如果您想暫時停用它,請進入擴充功能選單。使能夠如果你把它關掉就可以了。

(左)開啟選單 (右)關閉啟用
Firefox – 如何在 Stylus 中為每個網站設定自訂 CSS

打開 Firefox 並前往 Add-ons for Android 頁面手寫筆安裝。

(左)加入 Firefox (右)添加

新增了手寫筆
現在準備工作已經完成。
剩下的就是註冊 CSS 程式碼了。
選單擴充→手寫筆→設定,然後點選 + 圖示。

(左) 擴充功能 (右) 手寫筆

(左)設定(右)+ 圖標
從下拉式選單中將目標頁面從「全部」變更為「網域上的 URL」。

(左)點選網域上的紅框(右)URL
例如,如果您想從 Google 搜尋頁面隱藏“AI 摘要”,請將以下兩種模式註冊為“網域上的 URL”。
www.google.com
www.google.co.jp
點選 + 圖示可新增更多 URL 行。
將以下內容註冊為 CSS 程式碼。
.YzCcne {
display: none !important;
}最後儲存請。

(左)註冊2行URL (右)註冊CSS代碼
刷新頁面,看看CSS代碼是否反映。

應用後紅框(左)中的顯示消失(右)
如果您想暫時停用它,請進入擴充功能選單。手寫筆打開有效的如果你把它關掉就可以了。

(左)手寫筆(右)啟用關閉
/*Google検索の「他の人はこちらも検索」・「関連する質問」を消す*/
.ouy7Mc {
display: none !important;
}
/*Google検索の「AIによる概要」を消す*/
.YzCcne {
display: none !important;
}
/*Google検索の「動画」・「ショート動画」を消す*/
div.MjjYud:has(a[href*="youtube.com"]),
div.MjjYud:has(a[href*="watch?v="]) {
display: none !important;
}谷歌搜尋“其他人也搜尋過這裡”/刪除“相關問題”
相關文章 如何在Android上刪除“其他人也搜尋/相關問題”
這是一個 CSS 程式碼,用於刪除 Google 搜尋結果中顯示的「人們也搜尋過此內容」和「相關問題」。
.ouy7Mc {
display: none !important;
}▼「其他人也搜尋過這裡」的例子消失

應用後紅框(左)中的顯示消失(右)
▼「相關問題」消失的例子

應用後紅框(左)中的顯示消失(右)
刪除Google搜尋“AI摘要”
相關文章 如何刪除Android上的“AI摘要”
這是一個 CSS 程式碼,用於刪除 Google 搜尋結果中顯示的「AI 摘要」。
.YzCcne {
display: none !important;
}
應用後紅框(左)中的顯示消失(右)
刪除Google搜尋“影片”/“短影片”
相關文章 如何在 Android 上從 Google 搜尋中刪除“影片”和“短影片”
這是一段 CSS 程式碼,用於刪除 Google 搜尋結果中顯示的「影片」和「短影片」。
div.MjjYud:has(a[href*="youtube.com"]),
div.MjjYud:has(a[href*="watch?v="]) {
display: none !important;
}▼「影片」消失的例子

應用後紅框(左)中的顯示消失(右)
▼「短片」消失的例子

應用後紅框(左)中的顯示消失(右)
〆:讓我們改變CSS設計吧!
以上、如何在Android瀏覽器中設定自訂CSS!為 Edge/Firefox 中的每個網站自訂樣式表這就是解釋。
此前,有一款瀏覽器可讓您在 Android 上安裝 Chrome 擴充功能。
使用 Kiwi 瀏覽器的方法很出名,但將於 2025 年 1 月左右停止使用。
相反,近年來,推出了行動版本。
微軟邊緣・
Firefox 應用程式有很多擴展,您可以像上面介紹的那樣使用自訂 CSS。
嘗試一下。
