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

发布于 2025-01-26 04:13:42 字数 443 浏览 3 评论 0 原文

如下所述,大多数参考文献表明Safari部分支持Web组件。

详细说明,Safari桌面和Safari iOS不支持哪些Web组件功能?

是否有有关此问题的技术文档或规格?

https://developer.mozilla.mozilla.org/en-us/us/us/docs/docs/web/web/web/web_components

https://caniuse.com/shadowdomv1

Most references as below mention that Safari partially supports web components.

In detail, what web component features are not supported by Safari desktop and Safari iOS?

Is there a technical docs or specs about the issue?

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

https://caniuse.com/shadowdomv1

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

活泼老夫 2025-02-02 04:13:42

燃烧所有旧博客!

Apple Safari支持Web组件,除了 自定义内置 elements

自2013年以来一直在进行的辩论之后,几乎每个了解OOP的含义的人都同意苹果工程师对此是正确的,不是支持

Safari不支持的 定制内置元素:

在 元素

从任何现有 html元素延伸:< p>,< input>等等。

customElements.define( "my-element", HTMLParagraphElement, { extends: "p" } );

如果您想了解Apple,
回到时光到12月初> - 是的! Web组件是 不是 新的时尚!


“女王皇后”> (生成img)

是的,写< img是= 从 htmlelement
扩展
在所有现代浏览器中100%工作

customElements.define( "playing-card", extends HTMLElement{ } );

在Safari中支持的:

我们现在必须做< play-card是=“心形女王”>

  • 生成a < 代码>&lt; img&gt; 在其中的标签。
  • 或用&gt; &lt; img&gt; 代替&lt; play-card&gt;



深入研究Web组件,React&amp;像基础镜一样点亮:
LIT-Element Web组件之间的主要差异反应

Burn all old blogs!

Apple Safari supports Web Components, apart from Customized Built-In Elements.

After an ongoing debate since 2013, nearly everyone, who understand what OOP means, agrees Apple engineers are right on this one, not supporting Customized Built-In Elements

NOT SUPPORTED in Safari:

Customized Built-In Elements
extend from any existing HTML Element: <p>, <input>, etc..

customElements.define( "my-element", HTMLParagraphElement, { extends: "p" } );

If you want to understand the Apple Why,
read back in time to early December 2013 - Yes! Web Components are not a new fad!


Yes it would be cool to write <img is="queen-of-hearts"> (generating an IMG)

Autonomous Elements (extend from HTMLElement)
work 100% in all Modern Browsers

customElements.define( "playing-card", extends HTMLElement{ } );

SUPPORTED in Safari:

We now have to do <playing-card is="queen-of-hearts">

  • which generates a <img> tag inside of it.
  • Or replaces the <playing-card> with an <img>

.
.
.

Deep dive into Web Components, React & Lit like BaseClasses:
Main differences between lit-element Web Components & React

不离久伴 2025-02-02 04:13:42

Apple Developer网站上的论坛帖子(请参见下文)既有支持自定义内置元素的请求,又有弹性启示的自定义元素。

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

可能是曾经跟进苹果会在Safari上发布对这些功能的支持。

The forum post (see below) on the Apple Developer website has both requests to support customized built-in elements and formAssociated custom elements.

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

It could be used to follow up onto when Apple will release support for those features on Safari.

白首有我共你 2025-02-02 04:13:42

JavaScript Regexp变量长度不受Safari的支持,而是在Chrome,Edge和Firefox中起作用。也许国际协议/标准表示,野生动物园还不需要支持它(尚未),但这仍然是一种痛苦。

Javascript regexp variable length lookbehind is not supported by Safari but works in Chrome, Edge and Firefox. Maybe international agreements/standards say Safari doesn't need to support it (yet) but it's a pain nonetheless.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文