如何在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;
}

▼“其他人也搜索过这里”的例子消失

应用后红框(左)中的显示消失(右)

▼“相关问题”消失的例子

应用后红框(左)中的显示消失(右)

删除谷歌搜索“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 中自由使用插件