safari 兼容问题笔记

一、macOS 版本 与 safari 版本关系总结

macOS 版本	iPhone	IOS 版本	macOS代号	固件支持	safari版本	发布日期	核心更新
Mac OS X 10.0	-	-	Cheetah 猎豹	PowerPC	-	2001-03-24
Mac OS X 10.1	-	-	Puma 美洲狮	PowerPC	-	2001-09-25
Mac OS X 10.2	-	-	Jaguar 美洲虎	PowerPC	-	2002-08-24
Mac OS X 10.3	1	iPhone OS 1	Panther 黑豹	PowerPC	1	2003-10-24
Mac OS X 10.4	3G	iPhone OS 2	Tiger 虎	PowerPC、Intel	2	2005-04-29
Mac OS X 10.5	3GS	iPhone OS 3	Leopard 花豹	PowerPC、Intel	3	2007-10-26
Mac OS X 10.6	4	IOS 4	Snow Leopard 雪豹	Intel	4	2009-08-28
Mac OS X 10.7	4S	IOS 5	Lion 狮	Intel 64	5	2011-07-20	ES5
Mac OS X 10.8	5	IOS 6	Mountain Lion 山狮	Intel 64	6	2012-07-25
Mac OS X 10.9	5S/C	IOS 7	Mavericks 冲浪湾	Intel 64	7	2013-10-22
Mac OS X 10.10	6+	IOS 8	Yosemite 优胜美地国家公园	Intel 64	8	2014-10-16
Mac OS X 10.11	6S+	IOS 9	El Capitan 酋长岩	Intel 64	9	2015-09-30
macOS 10.12	7+	IOS 10	Sierra 内华达山脉	Intel 64	10	2016-09-20	ES6
macOS 10.13	8+/X	IOS 11	High Sierra 内华达高脊山脉	Intel 64	11	2017-09-25
macOS 10.14	XR/XS+	IOS 12	Mojave 莫哈维沙漠	Intel 64	12	2018-09-25
macOS 10.15	11	IOS 13	Catalina 圣卡塔利娜岛	Intel 64	13	2019-10-07
macOS 11	12	IOS 14	Big Sur 大瑟尔	Intel 64、ARM	14	2020-11-12	webp
macOS 12	13	IOS 15	Monterey 蒙特利湾	Intel 64、ARM	15	2021-10-25
macOS 13	14	IOS 16	Ventura 范朵拉	Intel 64、ARM	16	2022-06-06
macOS 14	15	IOS 17	Sonoma 索诺马	Intel 64、ARM	17	2023-06-05

二、IOS safari 兼容问题

1、webp

• IOS14 开始才支持展示 webp 图片，14 以下的 webp 图片会展示空白

2、Date

• IOS12 开始，month 的 index 才从 0 开始，12 以下 从 1 开始
• IOS 日期转换时使用 - 做连接符会转换为 invalid Date，可以使用 / 代替 -

3、ES6

• 需 IOS10 开始才支持 99% 的 ES6 特性，如：File、Proxy、Reflect 等

4、beforeunload

• IOS 下，beforeunload 将不会触发，需要使用 pagehide 事件替代