HTML
WebKit使用大于小于img的元素的“加载”(loading )属性添加对图像延迟加载的支持，并为Web开发人员提供了浏览器指示部分延迟加载的图像的简单方法。
经过多年关于访问性标准化的讨论，终于有了解决方案。 WebKit添加了对小于诊断程序的元素和大于：Background的伪元素的支持。 小于诊断程序的元素提供了创建封面和模态的强大方法。
WebKit还添加了对全局自动聚焦属性的支持。 这样，开发人员就可以指示在加载或显示小于对话框的页面时应该聚焦哪些元素。
CSS
(1) CSS架构特性
2022年的CSS新功能为Web开发人员构建代码提供了革命性的新方法，便于代码重用、设计系统创建和与复杂的APP应用程序集成。 首先登录Safari。 WebKit添加了对：has ()伪类的支持。 此选择器满足了对“父选择器”的长期渴望，父选择器是一种基于元素内容有条件地应用CSS规则的方法。 在很长一段时间里，这种选择器一直被认为是不可能的，但WebKit团队找到了一种高度优化性能的方法，提供了一种不会降低页面速度的灵活解决方案。 WebKit添加了对“级联层”(Cascade Layers )的支持。 这是一种将样式组织到层中的强大方法，可以为每个层独立计算奇异性。
Web开发人员创建“框架”层和“自定义”层——，将所有CSS从第三方框架分配给“框架”层，并在“自定义”层中编写自己的代码可以指定自定义层的所有内容都必须优于帧层的所有内容，而不管每个层使用的选择器的特殊性如何。 级联层几乎同时出现在所有主要浏览器中，并包含在Interop 2022中，因此将成为未来Web开发人员重视的工具。
WebKit还通过contains属性添加了CSS Containment支持的所有四种类型的——大小、布局、样式和绘制。
)2)附加功能
Web开发人员与现有视口单元类似，但需要在移动设备上更好地工作的工具。 因为在移动设备上，浏览器视口的大小会随着用户滑动页面而变化。
新的视口单元就是这个解决方案。 100svh是指可能的最小视口高度的100%，100lvh是指可能的最大视口高度的100%。 100dvh表示动态视口高度1003354，这意味着用户滑动移动设备屏幕时，其值将发生变化。其他新的视口单元——svw、lvw和dvw在宽度方面也有相同的用途。 为了涵盖vmin和vmax的小型、大型和动态版本，还必须实施svmin、svmax、lvmin、lvmax、dvmin和dvmax单元。 为了支持逻辑维，新vi和vb在视口的内联维和视口块维中与现有视口单元类似。 svi、svb、lvi、lvb、dvi和dvb提供内联维和块维的逻辑单元，并支持小型、大型和动态版本。
对于WebKit，添加了对focus visible伪类的支持，以便仅在浏览器显示焦点指示器时设置样式。
为了更容易自定义本机表单控件，accent-color属性允许Web开发人员更改表单控件用户属性(UI )的特定部分的颜色。 在MAC OS、iPadOS和iOS中，input type=大于' checkbox '、input type=小于' radio '、大于progress、小于select、dit 另外，在iPadOS和iOS中，小于input type=' range '更大，小于button，小于input type button '大于支持强调色。
WebKit修复了具有alpha透明度的颜色之间的插值错误，并改进了渐变支持。
WebKit还添加了对sin、cos、tan、e、pi、exp、log、atan、acos、asin、atan2等)数学函数的支持。
)3)排版
Safari15.4中添加的一些新的WebKit功能提高了网络合成的可能性。
WebKit添加了对字体组件面板的CSS属性和@font-palette-values规则的支持。
通过font-palette属性，Web开发人员可以从颜色字体中的多个不同的预定义调色板中选择一个。 例如，声明字体的暗调色板用于设计网站的暗模式。 @font-palette-values规则为Web开发人员提供定义自己的自定义调色板的方法，并重新设置颜色字体的颜色。
用于放大大小写的颜色字体是Bradley Initials DJR Web，其中显示默认调色板、Web开发人员创建的自定义调色板以及字体中包含的替代调色板，并根据用户的喜好删除一些颜色WebKit添加了对文本修饰- skip-ink的支持，以控制下划线和上线在字形上下移动时的表现方式。 WebKit以前通过text-decoration-skip支持此合成功能，但由于其他浏览器不支持short-hand，因此WebKit对long-hand的支持可以轻松实现下划线和上线
此外，WebKit在合成CJK脚本时还提供了对ic单元的额外支持。
)4)禁用WebKit前缀
为了减少对前缀的依赖，WebKit支持了一些新的CSS属性和值。 这些属性和值只能以以前的格式使用。 带前缀的版本仍然有效，现在别名是不带前缀的版本。 Safari15.4添加了以下支持：
包括外观、自动渲染
遮罩，以及常见格式遮罩- image、遮罩大小、遮罩- repeat-x、遮罩- repeat-y、遮罩- origin
背面可见性
垂直文本
打印颜色调整
文本对齐属性的父CSS值
WebKit还包括以下非标准内容：-WebKit边框配合、-WebKit边距缩小、-WebKit边距上部缩小、-WebKit边距下部缩小、-WebKit折叠前边距、-WebKit折叠后边距、-WebKit背景合成
网络API
Web API是Web的APP应用编程接口，它扩展了浏览器的功能，简化了复杂的功能，并为复杂的代码提供了简单的语法。 所有浏览器都内置了Web API，以支持复杂的操作并帮助访问数据。
Safari 15.4包括许多WebKit到Web API的升级，以帮助Web开发人员提供更好的用户体验。
BroadcastChannel支持从源系统交互发送选项卡、窗口、iframe和工作器。 这样，就可以在多个选项卡之间同步站点的登录状态等操作。
WebKit支持的另一种新机制是Web Locks API，它允许从选项卡、窗口、iFrame和工作器中的源节点作为异步锁定控件管理对资源的访问。
开发人员可以使用CSS滚动行为属性或JavaScript的window.scroll (、window.scrollTo、window.scrollBy ) )方法的行为选项滚动元素这种新的支持使开发人员可以选择立即跳转到视口中的某个位置，或者平滑地将滚动操作设置为动画。
ResizeObserver API更新了对ResizeObserverEntry使用的ResizeObserverSize接口的支持，使开发人员可以观察元素的元素框大小属性的变化。
添加结构克隆(value )后，它提供了一个实用程序，可同时使用结构化克隆算法执行深度复制，并克隆和传输输入值中的对象。
WebKit对文件系统访问API和原始专用文件系统的支持首先在Safari15.2中发布。 为了便于从文件系统读取文件，Safari15.4在FileSystemFileHandle中引入了getFile ()方法。 WebKit还更新了可写流以使用文件系统访问API。
文/蓝盟IT外包
中文
电话咨询
微信咨询
公众号
