如何在 iPhone 的 Safari 中设置自定义 CSS!使用 Makeover 为每个站点自定义样式表

在本文中:如何在 iPhone/iPad 上的 Safari 浏览器中为每个站点自定义 CSS我会解释一下。

当您想要隐藏每个站点不需要的项目时,这非常有用。

相关文章 如何在 Mac 版 Safari 中设置自定义 CSS

改造通过此功能扩展,您可以覆盖每个站点的 CSS 代码(免费)。

打开 Safari,然后在搜索字段的左侧图标的管理扩展→改造打开它。

返回上一页改造继续。

(左)点击红框 (右)管理扩展程序

(左)打开 Makeover (右)打开 Makeover

仅在第一次时,才会出现有关访问权限的消息,因此所有网站始终允许让我们。

(左)始终允许(右)所有网站始终允许

现在准备工作已经完成。

然后,在显示要应用 CSS 代码的页面时,改造只需打开它并注册任何 CSS 代码即可。

例如,如果您想从 Google 搜索页面隐藏“AI 摘要”,请在显示 Google 搜索页面时注册以下代码。

.YzCcne {
display: none !important;
}

确保屏幕上显示“CUSTOM CSS ON WWW.GOOGLE.COM”。如果没有,您已经在 Google 搜索屏幕以外的页面上注册,它将无法正常工作。

将代码复制并粘贴到 CSS 代码字段中(左)(右)

刷新页面,看看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;
}

/*ダークモード非対応サイトでダークモードを適用する*/
@media (prefers-color-scheme: dark) {
html {
filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9) !important;
background-color: #111 !important;
}

img,
video,
picture,
canvas {
filter: invert(1) hue-rotate(180deg) !important;
}
}

谷歌搜索“其他人也搜索过这里”/删除“相关问题”

这是一个 CSS 代码,用于删除 Google 搜索结果中显示的“人们也搜索过此内容”和“相关问题”。

.ouy7Mc {
display: none !important;
}

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

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

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

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

相关文章 如何在iPhone上删除“其他人也搜索/相关问题”

删除谷歌搜索“AI摘要”

这是一个 CSS 代码,用于删除 Google 搜索结果中显示的“AI 摘要”。

.YzCcne { 
display: none !important; 
}

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

相关文章 如何删除iPhone上的“AI摘要”

删除Google搜索“视频”/“短视频”

这是一段 CSS 代码,用于删除 Google 搜索结果中显示的“视频”和“短视频”。

div.MjjYud:has(a[href*="youtube.com"]),
div.MjjYud:has(a[href*="watch?v="]) {
display: none !important;
}

▼“视频”消失的例子

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

▼“短视频”消失的例子

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

相关文章 如何在 iPhone 上从 Google 搜索中删除“视频”和“短视频”

在不支持深色模式的网站上应用深色模式

这是 CSS 代码,即使对于不支持深色模式的网站也应用深色模式。

@media (prefers-color-scheme: dark) {
html {
filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9) !important;
background-color: #111 !important;
}

img,
video,
picture,
canvas {
filter: invert(1) hue-rotate(180deg) !important;
}
}

当整个设备的外观模式设置为“深色模式”时,深色模式也会体现在网站上。

(左)我们的常规网站(右)我们应用深色模式的网站

相关文章 如何在 iPhone 版 Safari 上使用深色模式

〆:让我们改变CSS设计吧!

以上、如何在 iPhone 的 Safari 中设置自定义 CSS!使用 Makeover 为每个站点自定义样式表这就是解释。

对于其他浏览器(Chrome/Firefox/Edge...等),风格机器人手写笔有一些众所周知的扩展可用,但它们都不能与 Safari 一起使用。

虽然易用性有所不同,但引入的功能扩展 Makeover 允许您在 iPhone/iPad 上的 Safari 中设置自定义 CSS。

尝试一下。

相关文章 iPhone 上 Safari 的推荐扩展摘要