苹果在WebKit中引入了一个私有的CSS属性，用于在网页内容中添加类似Liquid Glass的视觉效果。这一发现源于对WebKit GitHub仓库的更新日志的观察，特别是在2025年WWDC之后的一个拉取请求中提到了将“hosted blur”材料更名为“glass”。Liquid Glass是2025年WWDC的一大亮点，标志着自iOS 7以来最大的UI变革，而这一私有CSS属性的引入意味着网页内容也能实现类似的视觉效果。

苹果拥有私有CSS属性，可为网页内容添加液态玻璃效果

在2025年的WWDC大会上，苹果推出的液态玻璃（Liquid Glass）效果成为一大亮点，这是自iOS 7摒弃拟物化设计以来，iOS用户界面最大的变化之一。然而，这一效果不仅限于原生应用界面，还延伸到了网页内容中。

通过研究WebKit GitHub仓库的更新日志，发现苹果引入了一个名为-apple-visual-effect的私有CSS属性。该属性不仅允许在iOS 26中使用液态玻璃效果（通过-apple-system-glass-material等值），还支持在所有版本中使用标准材质效果（如-apple-system-blur-material-thin）。

尽管这一功能令人兴奋，但它并不适用于普通的网页浏览。即使在应用中使用WKWebView，默认情况下也无法启用该效果，必须通过设置WKPreferences中的useSystemAppearance属性来激活。然而，这一设置是私有的，使用它可能会导致应用无法通过App Store审核。

尽管如此，开发者通过实验发现，设置useSystemAppearance为true并应用以下CSS代码，确实可以实现液态玻璃效果：

css .toolbar { border-radius: 50%; -apple-visual-effect: -apple-system-glass-material; height: 75px; width: 450px; }

此外，通过@supports规则，可以根据设备是否支持液态玻璃效果来应用不同的样式：

```css .toolbar { border-radius: 50%; height: 75px; width: 450px; background: rgba(204, 204, 204, 0.7); }

@supports (-apple-visual-effect: -apple-system-glass-material) { background: transparent; -apple-visual-effect: -apple-system-glass-material } ```

虽然这一功能目前仅限于苹果内部使用，但它暗示了苹果可能在日常使用中无缝集成了WebView，而用户并未察觉。这为开发者提供了新的思考方向：或许那些未被注意到的、无缝集成的WebView，才是真正成功的WebView。

总结：苹果通过私有CSS属性-apple-visual-effect为网页内容添加了液态玻璃效果，尽管这一功能目前仅限于内部使用，但它展示了苹果在WebView集成上的创新，并为开发者提供了新的设计思路。

评论主要围绕苹果的“Liquid Glass”效果、WebView的使用以及其竞争策略展开，观点多样且存在争议。

1. 关于“Liquid Glass”效果：

   • 支持者认为它为操作系统增添了个性，提升了用户体验。例如，vlucas表示：“它让操作系统有了个性，按钮终于与文本有了视觉区分，这是一个受欢迎的变化。”（“It feels like the OS has some actual personality again... It has actual utility.”）
   • 反对者则认为其效果不佳且缺乏创新。bluSCALE4直言：“Liquid Glass图标看起来很糟糕，在iOS上也很不稳定。”（“Liquid Glass icons look like crap and it's pretty broken on iOS.”）pdntspa则指出：“这不就是Windows 7在2007年就做过的效果吗？”（“Liquid Glass... you mean that effect that Windows 7 did in like 2007 or so?”）

2. 关于WebView的使用：

   • 一些评论者认为WebView在iOS中被广泛应用且无缝集成，用户甚至没有察觉。iruoy提到：“我们每天都在使用iOS时与WebView互动，却从未意识到。”（“we’re interacting with webviews in our daily use of iOS without ever even realising it.”）skrebbel也赞同：“WebView名声不佳，是因为那些无缝集成的WebView没有被注意到。”（“the main reason webviews in apps have such a bad reputation is because you don’t notice the webviews that are integrated seamlessly.”）

3. 关于苹果的竞争策略：

   • 有评论者批评苹果将某些功能仅限自家应用使用，认为这是反竞争行为。snackbroken指出：“在手机操作系统市场利用特权地位，在应用市场获得优势并拒绝向竞争对手开放，这是典型的反竞争行为。”（“Using your privileged position in one market... to gain an advantage in another market... is a textbook case.”）rckt也认为苹果的某些技术选择是“肮脏的把戏”（“a dirty trick”），而非创新。

总结：评论者对苹果的“Liquid Glass”效果和WebView使用持不同看法，既有支持其创新和用户体验提升的声音，也有批评其效果不佳和反竞争行为的声音。