Chrome 和 Safari 在设计上的两个小细节的差异

Jan 9, 2023 at 6:25:49 AM

有时候,当我们在网站上看到一些有趣图片想要保存到本地。

这是 Chrome 的右键菜单:

Chrome Right Click

这是 Safari 的右键菜单:

Safari Right Click

Safari 比 Chrome 多了一个直接保存到 Downloads 文件夹的选项。

如果你就是想把文件放到 ~/Downloads 里然后再做进一步处理的话,Safari 直接提供了 Save Image to Downloads 的选项,因此你一次点击就可以完成这个操作。而如果要在 Chrome 里完成同样的操作,即使你上次选择的保存位置已经是 /~Downloads,那也会比 Safari 多至少一次点击。如果在 Chrome 里你的上次保存位置不是 Downloads,那么就会需要手动切换回 Downloads,那就是更多次点击了。


当我们在为一个网站做各种设备宽度的适配,也就是 Responsive Design 时,作为现代浏览器,Chrome 和 Safari 都为这样的调试提供了切换到不同设备的功能。

这是 Chrome 的设备切换方式。首先点击 Dimension,然后选择要切换的设备。两次点击可以完成切换:

Chrome Responsive Design

这是 Safari 的 Responsive Design。直接列出了常用设备和宽度,一次点击可以完成切换:

Safari Responsive Design