Redian新闻
>
Safari宣布支持声明式Shadow DOM

Safari宣布支持声明式Shadow DOM

公众号新闻

出品 | OSC开源社区(ID:oschina2013)

Safari 技术预览版 162 宣布开始支持声明式 Shadow DOM (Declarative Shadow DOM),并将默认启用,以便开发者在禁用 JavaScript,或采用服务器端渲染技术时,也能使用 Shadow DOM。
Shadow DOM 属于 Web Components 中的三个主要技术之一,其他两个技术是自定义元素和 HTML 模板。Web Components 的出现,是为了让开发者创建可在网页上重复使用的自定义小工具和元件,目前 Web Components 的所有技术都已经被整合到 DOM 和 HTML 标准中,被主流浏览器支持。
而在声明式 Shadow DOM 的支持上,Chromium 系列浏览器的进度最快,早在 Chromium 90 支持就已开始,Safari 的浏览器引擎 Webkit 则是一直到现在才开始在技术预览版中支持。Webkit 官方解释了必须支持声明式 Shadow DOM 的原因。
所谓 Shadow DOM,是为 DOM 树提供一个轻量级封装,因此开发者便可以在元素上创建一个平行的树,该树被称为影子树 (Shadow Tree),由于影子树与主要文件的 DOM 树分开渲染,能够在不修改主要 DOM 树的前提下,取代该元素的渲染,因此元素功能可以被脚本化和自定义化,而不需要担心和文件的其他部分冲突。
Webkit 官方还提到,目前不少网页应用程序会使用服务器端渲染技术,而使用该技术的网站通常会在渲染初期禁用 JavaScript,以减少绘制延迟。随着脚本和相关元素的加载,才会慢慢强化内容互动性。但因为如此,这些网站便无法使用 Shadow DOM,因为 Shadow DOM 使用前提是必须调用 attachShadow (),而声明式 Shadow DOM 则是通过在 HTML 中,引入 Shadow DOM 上下文的机制,以解决这个问题。
Webkit 官方还提到,目前 DOMParser 和 innerHTML 等 JavaScript 解析器 API,都没有默认支持声明式 Shadow DOM,这是避免在现有接受任意模板内容的网站上,产生跨站脚本漏洞。
由于声明式 Shadow DOM 能够在禁用 JavaScript,以及采用服务器端渲染的情况下,提供在 HTML 中定义影子树的新方法,因此是一个重要且受开发者高度期待的功能,也备受浏览器开发商关注。主流浏览器 Chrome、Edge 和 Opera 都在 2021 年便已开始支持,Safari 在最近发布的技术预览版中默认启用,Firefox 则正在支持但尚未实现

相关链接:

  • https://webkit.org/blog/13851/declarative-shadow-dom/

  • https://github.com/mozilla/standards-positions/issues/335


END



重温经典老游戏


这里有最新开源资讯、软件更新、技术干货等内容

点这里 ↓↓↓ 记得 关注✔ 标星⭐ 哦

微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
大红大紫,大吉大利。。【波士顿精品门户社区】【本科友好】【South End/Chinatown/Downtown】【$3195】【现房+9/1排位】加州人口续减,千禧一代开始南迁,旧金山Downtown…韩国年轻女钢琴家谷歌宣布支持使用Rust开发Chromium"𝙇𝙚𝙖𝙙 𝙏𝙝𝙚 𝘾𝙝𝙖𝙧𝙜𝙚"广告#创译挑战【9/1】【贵的永远嫌贵,好的永远在排队】【解决方案-->$2450起】【Chinatown/Downtown】【绿/橙/红线】如今的很多回忆录,对获取情报是“说得轻巧吃根灯草”, 更别说送情报更难Shanghai Vows Greater Market Access for Economic Recovery【1.11折扣】Fresh半价!马丁靴6折!Bobbi Brown/Tom Ford 78折!大温惊现黑科技智能公寓!用素里的价格,买Downtown的品质!Chrome 109发布,最后一个支持Windows 7/8的版本成功改造虞书欣?谁在怀念“郭敬明式审美”十年过去,我还在怀念郭敬明式审美无中介费|1.1入住|Downtown近Suffok/Emerson和橙线地铁站高级公寓一室一厅3000,接本科生何时起,“骰子”不读shǎi,改读tóu了?中国新冠死亡超过百万的可能性Chinese Netizens Ask: Should Boys be Allowed in Women-Only Areas斯坦福5.5万人研究:30年,男人长(cháng)了3厘米,但并非好事全栈声明式可观测:KubeVela开箱即用且灵活定制的云原生应用洞察Google 宣布支持使用 Rust 开发 Chromium中国式SaaS有没有希望(能赚钱吗)?|内行深度PK【Downtown/South End】【高级公寓】【全包】【半中介】【现房+九月排位】【$1810起】免中介费和半个月房租|Downtown近State地铁站高级公寓1B 3221+ 2B 3882+董其昌题王维《江干雪意图》【现房+排位】【市区顶级公寓】【Emerson/Suffolk/Chinatown/Downtown】【室内洗烘】【接受本科生】时装周、showroom、奖项:中国设计师重返巴黎Kotlin声明式UI框架Compose Multiplatform支持iOSRecommend somebody to do something是错误说法吗?西雅图周末不无聊|Tacoma RV Show来啦!喜欢房车的朋友千万不要错过哟~OPPO、小米、Vivo宣布支持第三方应用数据互相迁移;华为Mate X3和P60系列价格公布;恒大汽车面临停产风险……Leadership Next Gen is open | Paid fellowship for students[歪解] how do you know the groom/bride发钱!华人领2千万美金补助 计划案出炉 简直WOW~WOW~WOW~To Spur Growth, Shanghai’s Districts Bank on Digital Economy
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。