如何在Android瀏覽器中設定自訂CSS!為 Edge/Firefox 中的每個網站自訂樣式表

在本文中:如何使用 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。

嘗試一下。

相關文章 如何在 Android Edge 上使用 Chrome 擴充功能

相關文章 如何在 Android 版 Firefox 自由使用插件