本文作者:流量卡管家

Apple浏览器Safari 15.4也开始支持元素和Cascade Layers

流量卡管家 2023-03-18 17:18:04
Apple浏览器Safari 15.4也开始支持元素和Cascade Layers摘要: 在Apple近日所更新的iPadOS 15.4、iOS 15.4和macOS Monterey 12.3等操作系统,其内建浏览器Safari 15.4,所使用的绘制网页排版引擎...
电信鸢尾卡
类型:免费包邮
特点:39元260G支持结转黄金速率
联通黑牛卡
类型:免费包邮
特点:29元135G全国流量+100分钟
移动金香卡
类型:免费包邮
特点:29元155G首月免月租
流量卡营业厅
全网营业厅超市
免费包邮,应有尽有
Apple浏览器Safari 15.4也开始支持<dialog>元素和Cascade Layers

在Apple近日所更新的iPadOS 15.4、iOS 15.4和macOS Monterey 12.3等操作系统,其内建浏览器Safari 15.4,所使用的绘制网页排版引擎WebKit新版本,加入不少重要更新,范围包括HTML、CSS、Web API、隐私和安全性等,官方提到, 这是WebKit在2022年的第一个大型版本,接下来还会有更多重要更新到来。

在HTML上,WebKit对<img>元素的加载属性,添加延迟加载图像支持,因此网页开发人员便可以用简单的方式,来指示浏览器延迟加载部分图像,在用户滚动这些图片到可视区域附近时,才开始加载。

而WebKit也终于添加对<dialog>元素和::backdrop虚拟元素的支持。 <dialog>元素可用来表示对话框或是其他交互式组件,虽然alert、confirm和prompt等JavaScript方法很方便,但是因为这些方法都会产生脚本阻塞的行为,因此通常不被推荐使用,过去数年各家浏览器合作推动<dialog>,目的就是要在提供对话功能的同时,还能保有无障碍特性。

而Safari终于在15.4支持<dialog>元素,而这也代表目前所有主要浏览器,全部都已经能够使用<dialog>元素,对于网页开发者来说是一项好消息。 WebKit现在也支持全局autofocus属性,允许开发人员在页面加载或是显示<dialog>元素时,指示网页上需要成为焦点的元素。

WebKit也增加了对Cascade Layers的支持,这是一种将样式组织到图层中的方法,能够让开发者明确控制CSS档案,避免样式冲突,对于大型代码库、设计系统,或是在应用程序中管理第三方样式时特别好用。

Apple浏览器Safari 15.4也开始支持<dialog>元素和Cascade Layers

2022年CSS新增了数项功能,让网页开发者更容易地重用代码、创建设计系统,并且整合复杂的应用程序。 在Safari 15.4中的WebKit,添加了对:has()虚拟类别的支持,而该选择器满足了开发人员一直以来,对父级元素选择器的需求,官方提到,虽然过去普遍认为这样的选择器不可行,但是WebKit开发团队找到了一个能够高度最佳化效能,在不减慢页面速度的情况下,提供灵活解决方案的方法。

新版WebKit也解决了CSS长期以来存在的痛点,官方提到,开发人员常希望能够拥有类似既有可视区域(Viewport)单元的工具,但又能够在用户滚动页面,而浏览器可视区域尺寸发生变化时正确运作。 而WebKit现在提供更好的可视区域单元,像是100svh代表最小可视区域高度的100%,而100lvh则代表最大可视区域高度的100%。

其他的可视区域单位像是用于宽度的svw、lvw和dvw,以及支持逻辑维度的vi和vb等,WebKit官方提到,他们率先发布这些新单元,并且透过Interop 2022希望其他浏览器跟进。

Apple浏览器Safari 15.4也开始支持<dialog>元素和Cascade Layers

Safari 15.4中的WebKit有许多Web API升级,可供开发人员提供更好的用户体验。 对BroadcastChannel的支持,使得来自同一来源的页签、窗口、iframe和Worker,可以相互传递信息,该功能可以实现跨多个页签,在同一个网站同步登入状态的体验。 WebKit还支持另一个新机制Web Locks API,能够用于管理资源存取,对同一来源的页签、窗口、iframe和Worker,进行非同步锁定控制。

另外,开发人员现在还可以在Safari 15.4中,使用CSS卷动行为属性,或是JavaScript的卷动方法,控制元素的卷动行为。 而这个功能可以让开发人员决定,要将可视区域跳转到特定位置,或是产生平滑卷动的操作动画。 WebKit的WebRTC协商API,现在完全符合WebRTC 1.0规范,因此可以正确支持WebRTC协商功能,以解决两个远程端点,在协商阶段可能发生的潜在同步问题。

在隐私和安全性功能上,WebKit更新隐私广告跟踪功能Private Click Measurement(PCM),加入转换诈欺预防机制。 WebKit也加入内容安全策略第3版的支持,强化对内容加载的安全控制,并协助网页开发人员降低跨站脚本和其他漏洞攻击的风险。

正规流量卡免费办理,长按二维码进入

阅读
分享