2023 年末,再谈 Safari 竞争力现状
2023-12-8 20:57:39 Author: sspai.com(查看原文) 阅读量:24 收藏

你在 macOS 上最常用的浏览器是哪个?

身为 Apple 平台的第一方浏览器,Safari 在过去一直处于一种叫好不叫座的尴尬地位。一方面,它在设计和省电等方面有口皆碑,但另一方面,到了实际使用中,人们又出于习惯或刻板印象,习惯性地回到 Chrome 的怀抱。

不过,Apple 对于 Safari 也算是持续发力,每年都会随着 macOS 的大版本更新为它稳步添加新功能。那么,这么些年积累下来,Safari 在 2023 年底的实力究竟如何,是否值得用户将其作为优先于 Chrome 的选择呢? 这就是本文要讨论的课题。

macOS Safari 与 Chrome

用户界面与个性化

尽管在使用浏览器时,网页内容才是主角,但浏览器的「外壳」仍然能潜移默化地影响使用体验。

出自第一方的 Safari 浏览器在这方面有着主场优势。无论是启动页面的壁纸、标签页的圆角设计,还是侧边栏设计,均与 macOS 的设计风格保持了一致性。

从设计语言来说,Safari 的标题栏、地址栏和书签栏采用了半透明设计,视觉上能让这些组件看起来是「漂浮」在网页上的。特别是当网页上的元素滚动到状态栏下方时,半透明的视觉效果令人愉悦。在打开「紧凑标签页栏」后,这种一体感还会更明显。

在内容展示上,Safari 着重突显网页本身的内容,通常不会有下拉菜单等可能遮挡内容的主要组件。而标签页管理、书签、阅读列表、iCloud 标签页等相对次级的功能,通常会在屏幕左侧的侧边栏中。这在大屏幕上可以更充分地利用屏幕空间;在小屏幕上则为网页内容预留了更多的横向显示面积。

Safari 17.1 / Chrome 119

相比之下,Chrome 在 macOS 上多年设计风格都没有太大的变化,设计风格和交互逻辑就显得「保守」了许多。

Chrome 依然采用传统的标签页显示方式,Chrome 不仅没有提供官方的垂直标签页样式,第三方插件也不能定制(关闭)标签页栏,因而相比于 Safari 会更占据屏幕的纵向空间。Chrome 的标签页栏、地址栏和大部分网页都有的菜单栏,使得 Chrome 在浏览网页时会有三层「额头」,视觉风格也更为割裂。

Chrome 的侧边栏默认位于右侧,承担着书签、阅读列表、历史记录等等一系列的功能;侧边栏不会根据当前窗口的大小自动隐藏,所以在部分场景下可能会压缩网页的显示面积。但标签页的管理并没有整合进侧边栏中,而是以单独的下拉菜单的方式呈现,不能说这种呈现方式不好,但在大屏幕上不能始终固定并查看标签页确实有所不便。

应当承认,浏览器的设计语言和系统结合紧密有利也有弊。Chrome 提供了更多可以自定义用户界面风格的选项,从 Web Store 中下载的整套 Chrome 主题更改标签页、窗口边框的颜色,到用户自选的启动页壁纸、Chrome 风格颜色,每个人都能打造出独一无二的 Chrome。

受限于设计风格 Safari 则没有这么丰富的自定义程度,Safari 里除了修改下启动页的背景,似乎就没别的可以自定义的地方了。不过好在 Safari 标题栏的颜色则会随着当前页面的主题颜色发生自动变化,也算是另一种维度的自定义了吧。

可以说,在用户界面与个性化方面,Safari 和 Chrome 有着不同的侧重。Safari 默认的简洁的标签页展示方式十分养眼,也不占据太多的屏幕空间,但是在个性化方面并没有提供太多的可用选项;Chrome 则保留了使用了多年的标签页样式,但在个性化主题方面更为灵活。

标签页管理

标签页管理是影响使用效率的重要方面,也是浏览器竞争中的重点。这两年大红大紫的 Arc 浏览器,主打的创新点就是与众不同的标签管理机制。

Safari 在这方面倒也算走在了前面。Safari 15 开始可以利用「标签页组」功能整理标签页,用户可以根据不同的场景、话题等来做分类,并赋予该集合名称,也会跨平台同步。

Safari 标签页组通过 iCloud  同步,并可以在侧边栏展开竖排展示。

侧边栏标签页组功能还间接实现了垂直标签页的功能。在打开大量标签页以后,用户可以借助这个功能快速浏览对应的标签页。这比传统的横向标签栏能承载更多标签,扫视起来也更方便。

Safari 另一个实用的功能是通过快捷键 cmd-shift-\ 或「两指合拢」的手势激活的标签页总览,即使在小屏幕上也能更准确地找到正确的网页。

相比之下,Chrome 也有标签页组,并且用户可以从多个颜色中选取一个该标签页标志色并命名。和 Safari 不同的是 Chrome 的标签页栏会默认显示一个窗口中所有的标签页组。需要点击标签名称来做展开和折叠。且在组内新建的标签页并不属于任何群组新建标签页时,新的标签页并不属于任何群组。

Chrome 中的标签页组

此外,默认情况下 Chrome 并不会把标签页组同步到其他的 Chrome 浏览器上,需要使用 chrome://flags/#tab-groups-save 来开启这项实验性特性,不过即使开启后依然也暂时无法同步到 iOS 和 Android 端。另一个默认没有开启的功能是标签页悬停缩略图,需要通过 chrome://flags/#tab-hover-card-image-settings并到 Chrome 设置-「外观」-「在标签页的悬停预览卡片上显示图片」开启。

如果说以上区别都是风格差异,无所谓高下,在垂直标签页方面,Chrome 确实就落后一筹了。唯一一个勉强算是「垂直」的呈现方式位于右上角的向下箭头按钮,在这里, 可以利用名称或网址去查找、跳转或是关闭标签页。但这比起 Safari 和 Edge 那种常驻侧边栏的垂直标签页肯定还是不如的,希望最近新支持的侧边栏扩展能吸引到开发者的关注,早日为 Chrome 带来真正的垂直标签吧。

标签页的管理方式与上文的用户界面也是息息相关的。Safari 通过侧边栏与顶部地址栏/标签页栏的结合式设计,让用户能够比较快速地定位到所需要使用的标签页和标签页组,并且与标签页相关的一些其他功能也都显示在侧边栏。Chrome 直接在标签页组的方式就略显繁琐了,而且标签页多了也难免眼花,未必有隔壁竖排列表的方式来得高效。

最后提一个小细节,Chrome 默认需要按住 Cmd-Q 才能退出浏览器,对这个设计喜好各异,但客观上确实减少了误关的几率。至少从我的角度,是希望 Safari 也能有类似选项的。

Web 标准支持

Web 标准是一套保证了在各浏览器和设备上的一致体验的前提,不支持某项标准不仅可能会导致网页显示异常,还可能导致部分功能无法使用。过去,Safari 因更新 Web 标准(包括 HTML、CSS 等)不及时而饱受批评。现在怎么样了呢?

答案可以从对比 Web 标准支持情况的网站 Can I Use 上寻找。在「Browser Scores」一栏中,可以看到 Can I Use 对目前常用的三款浏览器的 Web 标准支持情况的评分。其中,Safari 仍在这方面稍显滞后,分数大概比 Chrome 低6%,而与 Firefox 则基本持平。Safari 在 Web 标准的支持上从短期来看依然没办法赶超 Firefox 并追平 Chrome,但其支持的 Web 标准数量已并不比前两者差太多。

因此,2023 年的 Safari 虽然还是有改进空间,但大概已经快能摘掉「当代 IE」的帽子了。

需要指出,Can I Use 中标明支持的特性,Safari 可能默认没有打开。比如允许用户直接跳转到特定段落并高亮部分文字的「Highlight API」就需要用户手动打开,而且每次升级版本以后都需要再打开一次,打开后即可正常显示高亮效果。另一个例子是 QUIC(HTTP/3)支持,自从 Safari 14 开始就为一部分用户打开,并没有默认打开或关闭,用户也无法强行控制。

Safari 可通过打开功能标志来支持 Highlight API

浏览器能效

「轻快省电」是 Safari 的官方宣传中一向喜欢鼓吹的特点。在过去,这个说法总体上也被测试印证是成立的。但如今,一方面 Apple silicon 本身就提供了很过硬的能效,另一方面 Chrome 也在不断优化其在 Mac 上的表现,Safari 的这项优势还有多大呢?

来看看基准测试的轻快。根据浏览器跑分网站 BrowserBench 网站上的测试,Safari 相比 Chrome 仍然有一定程度的优势。但必须指出,浏览器跑分的实际意义甚至比手机跑分还要「娱乐」;在相同的现代处理器上,这种程度的差异很难实际反映到浏览体验上,甚至远不及广告骚扰等人为因素造成的阻碍大。


文章来源: https://sspai.com/prime/story/safari-competitiveness-late-2023
如有侵权请联系:admin#unsafe.sh