提到在不同浏览器上测试网页，前端开发者脑子里跳出的第一个念头往往是：我得有那台设备，或者至少装个虚拟机。可如果这个浏览器叫Safari——苹果公司深度捆绑在自家软硬件里的专属产品，情况就不一样了。很多团队根本没有Mac，开发机清一色是Windows或Linux。于是“没有苹果设备怎么测Safari”就成了一个没法绕开的坎。这周《What’s !important》第十二期重新翻出了这个老问题，但给出的答案比想象中更具体。Declan Chidlow 系统梳理了在无Safari环境下做兼容测试的几条现实路径，把各种替代手段的优劣一一摊在桌面上。虽然具体条目需要点进原文细看，但至少有一点可以确认：困在这个问题里反复折腾的人不在少数，而拥有可行选项这件事本身，就已经足够让人松口气。

Safari的话题虽然带着点怀旧味道，但这一期真正让人眼前一亮的，是两项从CSS规范里冒出来的“新面孔”。其中一个是::checkmark伪元素，另一个是border-shape与shape()函数的组合。先说::checkmark。Sunkanmi Fafowora 第一次披露了这个选择器，它直指一个困扰前端将近二十年的痛点：复选框（checkbox）里那个小小的对勾，几乎没办法用纯CSS去自定义样式。过去我们曾经用过无数偏方——用label包裹隐藏的input，再用伪

打开网易新闻 查看精彩图片