当前位置: 首页 > 科技观察

从一张图看不同浏览器的区别

时间:2023-03-12 19:00:39 科技观察

如果你的浏览器会画图,它会画出什么样的图呢?如果你看的是文字很多的小说,它可能是一张黑白图片,里面有很多文字组合;如果你在网上浏览不同的动漫作品,那很可能是一幅色彩斑斓的波普画;如果你每天都在看摄影图片,??那么你的浏览器画出的可能就是一幅光影变幻的印象画。可惜浏览器不是AI,没办法根据自己的代码和特点画图。▲Chrome的绘画不过没关系,数字艺术家DianaSmith设计了一串纯网页代码,每个浏览器在加载页面时都会将其渲染为绘画。DianaSmith一直在尝试用CSS和HTML作画。所有元素都是手动输入的,只允许使用Atom文本编辑器和Chrome的开发人员工具进行操作,而SVG元素的使用也可能受到限制。它的项目和源代码都可以在GitHub上找到。这一次,DianaSmith的“绘画”与不同的浏览器有关。除了Chrome浏览器可以渲染出图片本身所期望的绘画外,其他浏览器都会“画”出不同的图像。这也显示了不同浏览器转换方式的差异。▲DianaSmith的其他艺术作品这并不是说其他??浏览器不如Chrome,而是作者一开始并没有考虑跨浏览器兼容性的问题。但是因为没有兼容性,这串代码画出了不同的“有趣”的图画。由于这个项目的艺术性质,我不关心跨浏览器的兼容性,所以实时预览在Chrome以外的任何浏览器中可能看起来很可笑。在Safari浏览器中,女人的脸上覆盖着花边饰边,本来应该是作为装饰品出现在女人的后颈上的。▲Safari的画风在2014版的Opera浏览器中,画风变得更加诡异,风格完全不同。脖子一分为三,眉毛、头发、睫毛的位置错位错位,更像条形码的方式展示。脖子和眼睛的位置也发生了变化。这是一幅二维的、奇怪的画。▲Opera的画风让人感觉很复杂的是Edge浏览器。虽然他的名字Edge是“边缘”的意思,但在这幅画中,它会自动“画”出所有的边缘,让项链消失,让整个画面更加流畅。这幅画也是所有画作中看起来最阴沉的一幅。▲Edge的画作也曾经是世界上最流行的浏览器——网景导航器(NetscapeNavigator),虽然它的市场占有率一度达到了90%,但今天很多人可能都没听说过它的名字了。即便如此,它仍然是最风格化的浏览器创建者,在自己的类别中绘制图像。脸变成了一个正方形,嘴巴、眼睛等五官变成了大小不一的正方形,乌黑的头发变成了条形码一样的线条。有点像乐高,有点像《我的世界》的风格。Vice感觉颜色和微软的Edge浏览器基本一致,可能是因为这两家公司都统治了90年代。▲NetscapeNavigator的一张图片DianaSmith说:“当你在不同的浏览器上查看这张图片时,你就像在看互联网的历史和当时用户对浏览器的要求。”其实这个数字艺术虽然完全是一种艺术探索,但也很让人联想到多年前中国的一场营销战——IE6歼灭战。当时还有很多用户在使用IE6,存在很大的安全隐患,所以呼吁大家和周鸿祎一起“真枪实弹”消灭IE6。用户只需登录活跃主页,即可自动检测用户浏览器的IE内核版本,检测是否使用不安全的IE6。如果用户浏览器的内核是IE6版本,主页上的哆啦A梦将无法显示原图,五官会变形,不清晰。IE8内核的浏览器可以清晰显示哆啦A梦,画面显示的直接差异也可以提醒用户升级浏览器。七年前的营销活动和今天的数字艺术作品都很有趣。