Safari 桌面和 Safari iOS 不支持哪些 Web 组件功能?

What web component features are not supported by Safari desktop and Safari iOS?

下面的大多数参考资料都提到 Safari 部分支持 Web 组件。

具体来说,Safari 桌面和 Safari 不支持哪些 Web 组件功能 iOS?

是否有关于该问题的技术文档或规范?

https://developer.mozilla.org/en-US/docs/Web/Web_Components

https://caniuse.com/shadowdomv1

Burn all old blogs!

Apple Safari 支持 Web 组件,除了 自定义 Built-In 元素 .
经过自 2013 以来的持续辩论,几乎每个人都同意 Apple 工程师在这一点上是正确的。

Apple 尚未支持(Google 提议,在 Chromium 中实现):

(几乎)由 Apple 实现:

  • shadowParts(2022 年 3 月 Safari 15.4 尚不可用,将在下一版本中可用)

Apple 永远不会实现:

  • Customized Built-In Elements
    从任何 现有 HTML 元素扩展:<p>, <input>, etc..

    如果你想了解苹果为什么,
    及时回顾 to 2013 - 是的! Web Components 不是新时尚!


自治 元素(从HTMLElement扩展)
在所有现代浏览器中 100% 工作

在撰写本文时,请参阅:https://custom-elements-everywhere.com/

  • Angular 100% 兼容

  • Svelte 100% 兼容

  • Vue 91% 兼容(Vue 不听大写事件名称)

  • React 有 29% 不兼容

    Whosebug 深入研究 Web 组件、React 和 Lit,如 BaseClasses: