各浏览器对 HTML 与 CSS 相容性如何？从一幅画就可显出差异 https://is.gd/Vbfz4 如果浏览小说多，可能是文 字组合多的黑白图画；如果是线上狂看动漫作品，那估计是 色彩缤纷的波普画；要是每天都在看艺术摄影照，那可能画出光影变幻的印象画。 可惜浏览器不是 AI，没办法根据自己的程式码、特性来画一幅画。 但这也没关系，数位艺术家 Diana Smith 设计一串纯 web 的程式码，每个浏览器在加载页 面时都会呈现为图画。 Diana Smith 一直以来都在尝试用 CSS 和 HTML 作画。所有元素都是手动输入，仅允许使 用 Atom 文本编辑器和 Chrome 的开发者工具，同时 SVG 元素使用也可能受限制。此项目 和原始码都可在 GitHub 查询。 这一次，Diana Smith「作画」和不同浏览器有关。除了 Chrome 浏览器能呈现图片本身预 想的画作外，其他浏览器都会「画」出不同的图像。这也展示了不同浏览器转换工作的差别 。 这不是说其他浏览器都不如 Chrome，只是作者一开始并没有考虑跨浏览器相容的问题。 但就是因为没有相容，这串代码反而画出不同的「有趣」图画。 由於这项目的艺术性，因此我不关心跨浏览器的相容性，所以即时预览可能在除 Chrome 外 的任何浏览器看起来都很可笑。 Safari 浏览器中，蕾丝的花边装饰盖在女士脸上，这片蕾丝本应该出现在女士的脖颈後方 当装饰品。 而 2014 版 Opera 浏览器，画变得更诡异，风格全然不同。脖子分成三部分，眉毛、头发 、眼睫毛的位置都偏移错位，以更像条码的方式展现。脖子、眼睛也偏移，是一张平面、诡 异的画作。 让人感觉十分复杂的是 Edge 浏览器。虽然名字 Edge 有「边缘」之意，但画中它自动「画 」掉所有边线，让项链消失，整幅图画更平滑。 这幅画作还是看起来最阴沉的一幅。 还有曾是网路开始时最流行的浏览器──Netscape Navigator（网景领航员），尽管市占率 一度达 90%，但可能很多人都没听过这名字。 即便如此，它依然是最有风格的浏览器创作者，图像自成一派。 脸变成方块，嘴巴、眼睛等五官变成不同大小的方块，深色毛发变成条码状线条，有点像乐 高，也有点像《当个创世神》风格。Vice 觉得这个颜色和微软 Edge 基本保持一致，或许 是因为这两家公司都曾统治 1990 年代。 Diana Smith 说：「当你在不同浏览器查看这张图片时，就像查看网际网路的历史，以及当 时用户对浏览器的要求。」 事实上，虽然此数位艺术完全是艺术方面的探索，但也很容易让人联想到中国多年前的行销 活动──IE6 歼灭战。 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 27.242.190.72 (台湾) ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1574071800.A.798.html