如果您喜欢沉浸在所访问的网站中，只需使用iPhone、iPad 和Mac上的^(Mac)Safari即可做到这一点。通过网站着色，您会看到您正在访问的网站的颜色占据了您的部分屏幕或窗口。

网站着色到底是什么？如何打开或关闭它？我们将回答这些问题，以便您决定是否要在Apple设备上的Safari中使用网站着色。

什么是 Safari 网站着色？

随着 iOS 15、iPadOS 15 和 macOS Monterey^(Monterey)的发布，Apple为^(Apple)Safari浏览器引入了网站着色功能。当您启用此功能并在Safari^(Safari)中访问网站时，您将在屏幕或窗口顶部看到网页的配色方案，具体取决于您的设备。

在 iPhone 上，您可以在顶部看到包含 Wi-Fi 的状态栏，并且电池指示器会发生变化以匹配 Safari网站^(Safari)。下面的屏幕截图显示了同一网站的左侧启用网站着色，右侧禁用网站着色。

注意：如果您在 iPhone 上使用单选项卡布^{(Single Tab)}局，则在向下滚动网页之前您不会注意到顶部栏中的变化，如下所示。

在 iPad 和Mac上，该功能的工作原理类似，但仅限于紧凑^(Compact)选项卡布局。例如，在下面的 iPad 屏幕截图中，您会看到第一个图像中的网站着色打开，而第二个图像中的网站着色关闭。

在Mac上，您还可以在下面的第一张图片中看到网站着色，以及在第二张图片中禁用着色后同一网站的外观。

网站^(Website)着色旨在增强您使用Safari时的浏览体验。您不仅会在 iPhone 上的状态栏中看到匹配的颜色和色调，而且您的Safari工具栏、导航按钮和地址栏也会在 iPad 和^(Safari)Mac上看到匹配的主题。

您可能不仅发现这是一项有吸引力的功能，而且是一项有用的功能。例如，当您打开多个选项卡时， 可以轻松找出您在 iPad 和Mac上使用的选项卡。^(Mac)

由于这种体验可能并不适合所有人，因此苹果^(Apple)将其设为可选。因此，您可以在设备上打开或关闭它。例如，这可以让您在 iPhone 上使用它，但不能在Mac上使用。^(Mac)

如何在 iPhone 上 打开和关闭^(Off)网站着色^{(Website Tinting)}

要在 iPhone 上的 Safari^{(Safari on iPhone)}中控制网站着色，请按照以下简单步骤操作。

1. 打开“设置”^(Settings)应用程序并选择Safari。
2. 移至选项卡部分。
3. 使用允许网站着色^{(Allow Website Tinting)}的开关将其打开（绿色）或关闭（灰色）。

当您返回Safari时，您会立即看到更改。您不必关闭并重新打开该应用程序。

如何在 iPad 上 打开和关闭^(Off)网站着色^{(Website Tinting)}

要在 iPad 上的Safari浏览器中控制网站着色，请按照以下步骤操作。

1. 打开“设置”^(Settings)应用程序并选择Safari。
2. 移至辅助功能部分。
3. 使用紧凑选项卡栏中^{(Compact Tab Bar)}的显示颜色^{(Show Color)}开关将其打开（绿色）或关闭（灰色）。

1. 如果启用网站着色，请在同一屏幕的“选项卡”^(Tabs)部分中选择“紧凑选项卡栏” 。^{(Compact Tab Bar)}请记住^(Remember)，该功能仅适用于该选项卡布局。

当您切换回Safari时，您会立即看到更改。

如何在Mac上打开和关闭^(Off)网站着色^{(Website Tinting)}

正如您可能已经猜到的，您也可以在Mac 上的 Safari^{(Safari on Mac)}中轻松启用或禁用网站着色。

1. 打开Safari并在菜单栏中 选择Safari > Settings
2. 转到高级选项卡。
3. 在“辅助功能”^{(Accessibility)}部分中，选中“在紧凑选项卡栏中 显示^(Show)颜色”框。

1. 与 iPad 一样，请确保使用紧凑^(Compact)布局来查看网站着色。转到“选项^(Tabs)卡”选项卡，然后选择“选项卡布局”^(Layout)旁边的“紧凑”^(Compact)。

注意：当此功能首次出现在 macOS Monterey上时，您可以转到Safari > Preferences，打开“选项卡”^(Tabs)选项卡，然后选中“在选项卡栏中显示^(Show)颜色”框。此后它已移至上述位置。

您会在Safari^(Safari)中为您的网站着色吗？

^(Website)Safari中的^(Safari)网站着色是可以产生巨大影响的小功能之一。无论您喜欢它并在所有Apple^(Apple)设备上启用它，还是发现它分散注意力并关闭它，这只是一个偏好问题。让我们知道您对网站着色功能的看法。

有关更多信息，请查看在 Mac 上自定义 Safari 的其他方法^{(ways to customize Safari on Mac)}。

What Does “Website Tinting” Mean in Safari?

If you enjoy immersing yourself in the websites you visit, you can dо this simply by using Safari on iPhone, iPad, and Mac. With website tinting, you’ll seе the color of the website you’re visiting take over some of yоur screen or window.

What exactly is website tinting? How do you turn it on or off? We’ll answer these questions so that you can decide if you want to use website tinting in Safari on your Apple device.

What Is Safari Website Tinting?

With the releases of iOS 15, iPadOS 15, and macOS Monterey, Apple introduced the website tinting feature for the Safari browser. When you enable this feature and visit a site in Safari, you’ll see the web page’s color scheme at the top of your screen or window, depending on your device.

On the iPhone, you can see the status bar at the top that contains your Wi-Fi, and the battery indicator changes to match the Safari website. The screenshots below show website tinting enabled on the left and disabled on the right for the same site.

Note: If you use the Single Tab layout on iPhone, you won’t notice the change in the top bar until you scroll down the webpage, as shown below.

On iPad and Mac, the feature works similarly but is limited to the Compact tab layout. For example, in the iPad screenshots below, you’ll see website tinting turned on in the first image and off in the second.

On Mac, you can also see the website tinting in the first image below and what the same website looks like with the tinting disabled in the second image.

Website tinting aims to enhance your browsing experience when using Safari. Not only will you see matching colors and tones in the status bar on iPhone, but your Safari toolbar, navigation buttons, and address bar match the theme as well on iPad and Mac.

You may not just find this an attractive feature but a useful one. For example, it’s easy to spot which tab you’re using on iPad and Mac when you have many tabs open.

Because this type of experience may not be for everyone, Apple has made it optional. So, you can turn it on or off on your device. This lets you use it on the iPhone but not on the Mac, for example.

How to Turn Website Tinting On and Off on iPhone

To control website tinting in Safari on iPhone, follow these simple steps.

1. Open the Settings app and select Safari.
2. Move to the Tabs section.
3. Use the toggle for Allow Website Tinting to turn it on (green) or off (gray).

You’ll see the change immediately when you head back to Safari. You don’t have to close and reopen the app.

How to Turn Website Tinting On and Off on iPad

To control website tinting in Safari on iPad, follow these steps instead.

1. Open the Settings app and select Safari.
2. Move to the Accessibility section.
3. Use the toggle for Show Color in Compact Tab Bar to turn it on (green) or off (gray).

1. If you enable website tinting, select Compact Tab Bar in the Tabs section on the same screen. Remember, the feature only works with that tab layout.

When you switch back to Safari, you’ll see the change immediately.

How to Turn Website Tinting On and Off on Mac

As you have probably guessed, you can enable or disable website tinting easily in Safari on Mac too.

1. Open Safari and select Safari > Settings in the menu bar.
2. Go to the Advanced tab.
3. In the Accessibility section, check the box for Show color in compact tab bar.

1. Like the iPad, ensure you use the Compact layout to see the website tinting. Go to the Tabs tab and select Compact next to Tab Layout.

Note: When this feature first arrived on macOS Monterey, you could go to Safari > Preferences, open the Tabs tab, and check the box for Show color in tab bar. It has since been moved to the above location.

Will You Tint Your Websites in Safari?

Website tinting in Safari is one of those small features that can make a big difference. Whether you enjoy it and have it enabled on all your Apple devices or find it distracting and have turned it off, it’s simply a matter of preference. Let us know what you think about the website tinting feature.

For more, look at additional ways to customize Safari on Mac.

Related posts

• 适用于 Windows 10 的弹道迷你高尔夫游戏可在 Microsoft Store 获得

• Microsoft Store 中适用于 Windows 10 的最佳免费 Stealth Games

• 适用于 Windows 10 的 Fresh Paint 是一款易于使用的绘画 Microsoft Store 应用

• 从 Microsoft Store 下载适用于 Windows 10 的 Adob​​e Reader 应用程序

• Microsoft Store 提供 5 款适用于 Windows 10 的最佳社交媒体应用

• Microsoft Store 上适用于 Windows 11/10 的最佳僵尸游戏

• 来自 Microsoft Store 的适用于 Windows 10 的最佳动作和冒险游戏

• 适用于 Windows 10 的前 3 个 Reddit 应用程序可在 Windows 应用商店获得

• 如何为 Microsoft Store 应用程序生成直接下载链接

• 如何使用适用于 Windows 10 的 Microsoft 新闻应用

• 如何在 Windows 10 中使用 PowerShell 重置 Microsoft Store 应用

• 如何在 Windows 10 上从 Microsoft Store 赠送应用程序和头像

• 如何从命令提示符打开 Microsoft Store 应用程序

• 如何创建在 Windows 11/10 中打开 Microsoft Store 应用程序的快捷方式

• Microsoft Store 错误 0x80073CFE，包存储库已损坏

• 来自 Microsoft Store 的最佳生产力应用程序 Windows 11/10

• 在 Windows 11/10 中打开 Microsoft Store 应用程序的 URI 命令

• Microsoft Store 中适用于 Windows 10 PC 的 10 款最佳策略游戏

• Microsoft Store 中适用于 Windows 10 PC 的最佳音乐游戏

• Microsoft Store 中适用于 Windows 10 的热门文字游戏