在本文中:如何使用 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;
}▼“其他人也搜索过这里”的例子消失

应用后红框(左)中的显示消失(右)
▼“相关问题”消失的例子

应用后红框(左)中的显示消失(右)
删除谷歌搜索“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。
尝试一下。
