safari-hack

Media Query Hacks

1
@media \\0 screen {}

此方法可以hack Chrome22-28 & Safari ≥ 7浏览器,Chrome30以前的版本比较旧了很多特性不支持,如果你的网站不考虑支持 Chrome22-28,可以使用此特方法。

JavaScript Hacks

判断是否是safari

1
2
// Safari *
var isSafari = /constructor/i.test(window.HTMLElement);

判断是否是webkit

1
2
// Chrome *   Safari ≥ 3   Opera ≥ 14
var isWebkit = 'WebkitAppearance' in document.documentElement.style;

Supports Hacks

1
2
/* Chrome ≥ 28   Safari ≥ 9   Internet Explorer/Edge >= 12   Opera ≥ 14 */
@supports (-webkit-appearance:none) {}

Property/Value Hacks

1
2
3
/* Chrome ≤ 28   Safari ≤ 7   Opera ≥ 14 */
.selector { (;property: value;); }
.selector { [;property: value;]; }

参考网址:

http://browserhacks.com/#sa

不幸的是,每个人都有自己的命运,你别无选择,假如能够选择,我也不愿生活在此时此地。
——王小波