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

Question

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

具体来说，Safari桌面版和Safari iOS版不支持哪些web组件功能？

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

https://developer.mozilla.org/zh-CN/docs/Web/Web_Components

https://caniuse.com/shadowdomv1

Answer 1

烧毁所有旧博客！

Apple Safari 支持 Web Components，除了 Customized Built-In Elements.
经过自 2013 以来的持续辩论，几乎每个人都同意 Apple 工程师在这个问题上是正确的。

2022 年夏季：

Apple 尚未支持（Google 建议，在 Chromium 中实现）：

• 可构建的样式表：https://web.dev/constructable-stylesheets/

• 声明式 shadowDOM ：https://web.dev/declarative-shadow-dom/

Apple 永远不会实现：

• 定制的内置元素
  从任何 existing HTML 元素扩展：

  <p>, <input>, etc..

  如果你想了解Apple Why，
  及时回顾到 2013 年 - 是的！ Web Components 不是 新时尚！

---

自主元素（从

HTMLElement

延伸）
在所有现代浏览器中 100% 工作

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

• Angular 是 100% 兼容的

• Svelte 100% 兼容

• Solid.js 100% 兼容

• Vue 91% 兼容（Vue 不听大写事件名称）

• React 有 29% 不兼容

  StackOverflow 深入研究 Web Components、React 和 Lit，如 BaseClasses：
  lit-element 和 React 的主要区别

Answer 2

Safari 不支持 Javascript regexp 可变长度 lookbehind，但适用于 Chrome、Edge 和 Firefox。也许国际协议/标准说 Safari 不需要支持它（还），但这仍然是一种痛苦。

Answer 3

Apple Developer网站上的论坛帖子（见下）既有支持自定义内置元素的请求，也有支持formAssociated自定义元素的请求。

https://developer.apple.com/forums/thread/682165

它可以用来跟进 Apple 何时会在 Safari 上发布对这些功能的支持。