野生动物园一直在不断发展,但是它的大多数改进都在幕后发生,使网络感觉更快,更安全,更加精致,甚至没有您注意到。 iOS 18.4和iPados 18.4中没有任何浮华的新浏览器UI更改,但它可以升级Safari以较小但有意义的方式升级。
借助Safari 18.4,您将获得一些安静但有意义的升级,使现代网站更加顺利,安全和响应地工作。无论是检查网站的身份,享受更好的彩色选择器,还是使您的卷轴到文本链接更加可靠地工作,这些更改都是Web开发人员对此感到兴奋的那种 - 并且日常用户受益,通常甚至没有注意到。
这是新事物,以及为什么重要。
您现在可以检查网站的安全详细信息,例如Pro
是否曾经利用可疑链接,想知道“这个网站合法吗?” Safari现在可以帮助您更深入地进行挖掘。
在iOS 18.4和iPados 18.4中,您可以点击地址栏中的页面菜单图标,点击更多(•••),然后选择连接安全详细信息以查看谁发布了网站证书的移动友好界面以及是否使用适当的加密。此功能以前仅在MacOS上可用,但现在也可以在iPhone和iPad上使用。 [完整指南。]
💡为什么它很重要:在检查,登录或访问鲜为人知的站点时,会有更大的透明度。
🔧技术细节:证书查看器从网站的TLS证书链中暴露了核心元数据,包括发行人,主题,有效期,公共密钥细节,加密指纹,策略扩展,主题替代名称和OCSP签名的时间戳。这些字段有助于验证该站点正在使用适当的加密,并且证书已发出到正确的域。结构化布局反映了MacOS版本,并根据Chrome和Firefox等浏览器提供的透明度将Safari的移动证书检查带来。
野生动物园只是有所帮助 - 或者有点太揭示了,具体取决于您的浏览方式。在iOS 18.4和iPados 18.4中,Safari在打开新选项卡或点击地址栏时,即使在现有页面上,Safari会自动显示您最近的搜索词。这对于您离开的地方很棒,但也可以向任何抓取iPhone的人展示您的搜索历史记录。 [完整指南。]
💡为什么它很重要:这使Safari更加方便,但也更加暴露。如果您希望将搜索历史记录保持在私密状态,则可以在设置中清除或禁用这种新行为。
🔧技术细节:Safari 18.4添加了系统级支持,以显示地址栏重点且字段为空的最新搜索建议。此行为与一个新设置相关联,称为Show of Safari下的“显示最新搜索”,默认情况下是启用的。最近的搜索术语是从标准的非私人浏览会话中提取的,即使您不在开始页面上也可以显示。您可以从建议视图中手动清除列表,也可以在设置中完全禁用。该功能仅在iPhone和iPad上可用。
野生动物园刚刚对阻止跟踪器变得更聪明
Safari 18.4引入了对分区饼干的支持,也称为芯片(具有独立分区状态的饼干)。此隐私功能可以阻止公司在不同站点上跟踪您,同时仍允许嵌入式登录和媒体播放器等事情正常工作。
💡为什么它很重要:网站仍然可以运行(例如嵌入式YouTube或评论框),但是广告客户不能使用这些内容来跟随您。
🔧技术细节:芯片允许第三方内容(例如iframe)设置cookie,这些cookie将示为它们出现的顶级站点。这意味着,如果第三方服务嵌入了不同的网站上,则每个站点都孤立了饼干 - 停止跨站点跟踪,同时启用本地功能,例如保持登录或记住偏好。野生动物园使用Partitioned
cookie属性(与SameSite=None
和Secure
)选择这种行为。这些分区的cookie仅在设置的上下文中才能访问,并且不能在无关域上共享。例如,如果chat.example.com
两者都嵌入ios.gadgethacks.com
和apple.gadgethacks.com
,它可以访问相同的分区cookie - 因为两者都被认为是Webkit的站点级分区下的同一“站点”的一部分。但是如果那样chat.example.com
iframe已嵌入null-byte.com
,它在这种情况下会收到一个单独的孤立饼干。这使Safari与Chrome和Firefox保持一致,并帮助Web开发人员摆脱旧的跨站点饼干行为,而不会破坏用户的核心功能。已知的跟踪域不能使用分区的饼干,并且被相应地阻止。
彩色选择器现在支持透明度(看起来更好)
Safari在网页上的颜色输入刚刚进行了重大升级。现在,站点可以显示Alpha滑块的透明度,并提供更准确的颜色选项,例如Display P3。如果您曾经使用网站调整设计或自定义主题的颜色,请期待更高级的控件与本机iOS应用程序更接近。
您可以在下面的示例图像中清楚地看到差异。 Safari 18.4(右)中的彩色选择器显示了带有可见的透明滑块和方格背景预览的丰富红色,就像您在设计应用中所期望的那样。在Safari 18.3.2(左)中,相同的颜色输入看起来更加有限:没有透明度滑块,没有宽的颜色选项,并且更简单,更准确的颜色预览。这是因为测试要求在显示p3颜色空间中具有一定透明度的生动红色,只有Safari 18.4才能理解和支持它。
💡为什么它很重要:创意应用程序和网站建设者中更强大的工具。透明滑块=设计师的巨大胜利。
🔧技术细节:Safhar 18.4 Enances<input type="color">
通过支持alpha
和colorspace
属性。这使开发人员可以让用户选择具有透明度的颜色(通过不透明滑块),并从扩展域中选择颜色display-p3
,不只是srgb。该输入现在还接受现代CSS颜色格式 - 例如color(display-p3 ...)
或者rgba()
- 并将根据指定的颜色空间正确转换。以前,iOS彩色拾取器仅限于不透明的RGB颜色,并且缺乏对α混合或宽颜色配置文件的支持。
Safari支持更多网络音频格式
Safari 18.4增加了对OGG容器的全部支持,这意味着它现在可以播放用OGG Opus或Ogg Vorbis编码的音频文件 - 两种流行的开源格式,由Telegram,Wikipedia和开源媒体网站等应用程序使用。
💡为什么它很重要:您会在以隐私为中心或开源网站上看到损坏的音频播放器和“不支持的文件”错误。
🔧技术细节:Safari 18.4支持OGG容器格式(.ogg
)带有Vorbis和Opus Audio编解码器<audio>
元素和直接文件链接 - 以前在iOS上缺少的内容。它也支持.opus
文件,通常使用相同的OGG容器格式,但使用Opus编解码器。虽然Safari已经在WEBRTC上下文中支持Vorbis,但此更新允许本机播放独立.ogg
和.opus
文件,包括嵌入式播放器和流音频。诸如Speex和Theora之类的格式仍然不受支持。
垂直和侧向文字更自然地呈现
Safari现在支持CSS侧身写作模式,这听起来可能是利基市场 - 但是,如果您用中文,日语或韩语浏览网站,或者使用垂直文本布局访问杂志,那么现在看起来会更加精致。它还为开发人员打开了新的创意选项,例如侧向导航文本或垂直按钮。
💡为什么它很重要:现在,用东亚语言编写的网站看起来更自然,更可读,西方网站也可能变得更具创造力。
🔧技术细节:Safari 18.4支持writing-mode: sideways-rl
和sideways-lr
,CSS编写模式的一部分级别4规格。这些模式类似于vertical-rl
和vertical-lr
,但是它们没有为垂直脚本进行翻新文本,而是将水平文本旋转90度,以实现布局效果(例如垂直标题或标签)。与众不同vertical-*
,它保留了本地垂直字形渲染(尤其是CJK),sideways-*
保持角色直立并旋转整个线路,确保标点符号和基线对齐方式保持印刷正确。这使设计人员可以使用水平脚本创建垂直布局,而无需打破格式或可读性。以前,野生动物园只支持horizontal-tb
,,,,vertical-rl
, 和vertical-lr
。此更新与其他现代浏览器保持一致,并为网络设计人员提供了更多控制过度的垂直UI元素。
滚动到文本链接更可靠
您可能已经看到了这一点 - 有人向您发送了一个将您直接滚动到突出显示的文本线的链接。这就是所谓的滚动文字。自Safari 16.1和Safari 18.2以来,一直支持查看这些链接,最终让我们创建滚动以与他人共享文本链接。现在,Safari 18.4让网站检查您的浏览器是否在尝试使用之前是否支持它。 [完整指南。]
💡为什么它很重要:单击锚定链接时,损坏的跳跃较少。您会更频繁地登陆正确的行。
🔧技术细节:Safari 18.4增加了对document.fragmentDirective
API,可以启用用于滚动到文本片段的功能检测(#:~:text=
URL)。浏览器现在公开fragmentDirective
文档对象上的属性,允许开发人员在生成或链接到这些深链接URL之前检查此功能是否支持此功能。这将Safari与其他浏览器保持一致,并允许在网络上更可靠地实现链接到高光功能。
Web应用程序现在可以在WebM中录制(较小,更聪明的文件)
Safari 18.4现在让网站以WebM格式录制音频和视频,这比旧格式更有效。这意味着基于Web的工具(例如屏幕记录器,视频编辑器和语音备忘录)可以创建较小的文件,以更快地上传并占用更少的空间。
💡为什么它很重要:基于Web的录制工具现在将创建较小,更可共享的文件,这些文件看起来仍然很棒。
🔧技术细节:Safari 18.4通过Mediarecorder API录制WebM文件,这是iOS上以前无法使用的。当开发人员指定时mimeType: 'video/webm'
,Safari将使用VP8或VP9以及使用Opus的音频编码视频,具体取决于设备的支持。这将Safari与其他浏览器保持一致,并允许Web应用程序生成较小,广泛兼容的媒体文件 - 非常适合屏幕记录,视频消息或基于浏览器的编辑工具。除WebM外,Safari 18.4还扩展了Mediarecorder,并支持零散的MP4(FMP4),它与MediaSource流媒体API效果很好。新的音频选项包括ALAC和PCM等无损格式,而支持的视频轨道现在包括H.264,HEVC和AV1(在具有AV1硬件解码的设备上)。这些更新共同使开发人员通过网络捕获,编码和流媒体更加灵活。
表情符号和多语言文本的更准确布局
Safari 18.4更新了混合多个写作方向(例如从左到右(英语)和左侧(阿拉伯语或希伯来语),或与文本使用表情符号时,更新文本。在查看具有表情符号和符号的多语言网站或丰富的评论线程时,您会发现更少的错误或奇怪的文本对齐。
💡为什么它很重要:阅读混合语言和表情符号的内容时,尤其是在国际文章或论坛中,更可读的消息和更清洁的布局。
🔧技术细节:Safari 18.4实施用户代理(UA)渲染规则unicode-bidi
属性,如CSS文本规范中所定义。这改善了浏览器如何在同一句子中出现的双向文本(例如从左到右和左侧脚本出现)以及更好地处理混合内容(例如表情符号,符号和数字)。该更新会导致更一致的对齐,光标移动和跨输入字段和内联内容的字形排序。注意:此实现当前不包括Ruby注释。
网站上的可扩展部分看起来更加精致
野生动物园18.4使谦虚<details>
元素更加灵活 - 既有外观又是其行为方式。您可能以前看过它:它通常用于常见问题解答或“显示更多”切换的可折叠部分。到目前为止,在Safari中自定义这些元素一直令人沮丧。但是,凭借18.4的开发人员,开发人员终于拥有更好的工具来设计它们,并使他们对网站或应用程序的本地感觉。
您可以在下面的示例中看到区别。在Safari 18.3.2中,默认披露三角形为黑色▼,并且扩展的内容看起来像常规文本。在Safari 18.4中,该三角形已被可自定义的标记替换(在这种情况下是橙色+符号),并且开放的部分具有自己的背景样式,这要归功于新的样式钩。终于感觉到了抛光和专业 - 不像浏览器默认值。
💡为什么它很重要:网站现在可以在不依赖JavaScript的情况下创建时尚的展开/折叠部分,并且仍然保持易于访问和语义。
🔧技术细节:Safari 18.4增加了对::details-content
伪元素,使开发人员能够独立设计<details>
元素 - 包括背景颜色,间距或动画。它还重新实现了<summary>
标记作为真实列表项目,以实现完整的样式控制list-style
和::marker
。例如,开发人员现在可以将三角形更改为任何符号(summary { list-style: "+ "; }
)或将颜色,大小或动画应用于标记。结合现代CSS动画支持,现在有可能在没有额外的容器或JavaScript解决方法的情况下对细节面板的高度或不透明度进行动画。这些更改将Safari与其他现代浏览器保持一致,并使本机折叠UI更具吸引力和灵活性 - 内置了完全可访问性。
主屏幕Web应用程序现在可以保持您的屏幕清醒
如果您曾经在Web应用程序上遵循食谱或演示文稿,并将屏幕昏暗或锁定中途锁定,则Safari 18.4可以解决此问题。主屏幕Web应用程序现在可以根据需要保持显示屏的时间 - 就像本机应用程序一样。💡为什么它很重要:有助于阅读长时间的说明,食谱或演示文稿,而无需不断敲击屏幕。🔧技术细节:Safari 18.4在iOS和iPados上启用屏幕安装的Web应用程序中的屏幕尾锁API。开发人员可以打电话navigator.wakeLock.request("screen")
为了防止设备的屏幕调暗或锁定。以前,此API仅在Safari本身中工作,而不是独立的PWA。现在,Web应用程序在被动使用过程中的行为更像其本地对应物。
通过声明的Web推动,网络通知更有效
Safari 18.4启用声明性的Web推动Web应用程序添加到主屏幕上,使他们可以在不需要在后台持续运行的服务工作者发送推送通知。这会导致电池排水量减少,更快,更可靠的交付以及更加一致的体验,尤其是用于消息传递,提醒或新闻警报网络应用程序。
💡为什么它很重要:您将从Web应用程序中获得更快,更可靠的通知 - 您的电池将感谢您。
🔧技术细节:Safari 18.4在添加到主屏幕上的Web应用程序上引入了iOS和iPados的声明网络推动。传统上,Web推动需要服务工作者 - 一个保持活跃(或重新浏览)的背景脚本以接收和处理推送消息。但是,该型号可以排干电池并为开发人员增加复杂性。声明的Web推动采用了不同的方法:Web应用程序不需要JavaScript在后台运行,而是在安装或注册应用程序时将其通知行为定义。这意味着如果不唤醒服务工作者或消耗背景资源的情况,即使应用程序不运行,推动通知也可以立即发送。该模型对iOS更好,在该iOS中,背景执行受到严格限制。它提高了可靠性,降低了能源使用,并使开发人员更容易访问Web推动,尤其是在主屏幕安装的Web应用程序中的消息传递,提醒或被动警报。
数字输入不再随您的滚动而更改
在iPados和MacOS上使用触控板或鼠标在数字输入字段上滚动不再更改其值 - 修复了旧的烦恼iPad和Mac。旧行为通常会导致滚动表格滚动时意外变化。此更新带来的数字输入与本机系统控件相一致。
💡为什么它很重要:在Mac或iPad上使用鼠标或触控板时,无意间变化的值的机会较小。
🔧技术细节:Webkit已删除了默认的车轮事件处理<input type="number">
MacOS和iPados的Safari元素。以前,仅通过滚动(即使是无意),用户就可以通过滚动来增加或减少数值值。这种行为与本机平台输入不一致,通常需要自定义的JavaScript才能覆盖。想要保持行为的开发人员仍然可以手动实施它。
文本间距可用于多语言网站的微妙升级
Safari 18.4支持一个新的CSS属性称为text-autospace
,微调多语言文本中字符之间的间距,尤其是当中文,日语或韩语(CJK)脚本与拉丁字母或数字混合时。区别是微妙的,但有助于文本在现代CJK布局中感觉不那么局促和更可读。
💡为什么它很重要:提高多语言站点的可读性 - 尽管除非设计师采用新行为,否则大多数用户不会注意到。
🔧技术细节:这text-autospace
财产支持诸如ideograph-alpha
,,,,ideograph-numeric
, 和normal
,在CJK字符和西部字母或数字之间增加呼吸空间。 Safari 18.4默认为text-autospace: no-autospace
为了匹配遗产行为,但是Web开发人员可以明确设置text-autospace: normal
选择。这与不断发展的CSS文本规格保持一致,一旦对其进行了更好的测试和更广泛的采用,可能会成为将来版本的默认版本。
锁定模式中更好的字体兼容性
Safari 18.4使Web浏览更可用于启用Apple超安全锁定模式的人。在过去的版本中,许多网站可能会显得损坏或不可读,因为Safari默认情况下会阻止大多数Web字体。借助新的安全字体解析器,Safari现在可以安全地渲染更多字体,从而帮助页面保持其预期的设计而不会损害保护。
💡为什么它很重要:在锁定模式下,用户具有更顺畅,更可读性的网络体验 - 对有针对性的攻击具有相同的强大保护。
🔧技术细节:Safari 18.4用安全的字体解析系统替换了锁定模式的限制字体允许列表,该系统在呈现之前对下载的字体文件进行检查和消毒。这消除了对哪些字体“安全”的硬码的需求,允许更广泛的印刷支持,同时仍能防止可能利用内存漏洞或解析错误的恶意字体。安全解析器的构建是为了在加载时拒绝错误的或可能不安全的字体数据,从而阻止了任何嵌入式代码的执行。结果,锁定模式现在可以正确渲染许多自定义字体,同时保持其高安全性保证。
最后的想法
这些不是浮华的功能,但是它们是悄悄地使野生动物园变得更好的那种。更安全,更私密,更兼容。而且,每当苹果公司运送这些底层改进时,网络都会变得更好。
如果您定期使用Safari,即使您从未访问设置屏幕,也已经从这些更改中受益。
要查看Safari背景中发生的更多变化,请查看Apple的WebKit发行说明18.4。
不要错过:iOS 18.4中的70多个iPhone功能 - 这是新事物和更改的一切
盖上Shutterstock的照片和屏幕截图。