「译」无处不在的微浏览器

• 原文地址：Microbrowsers are Everywhere
• 原文作者： Colin Bendell
• 译者：Chor

你已经在各个地方见到了它 —— Tweet 里提及到的网站的小型缩略预览图，Slack 频道或者 Whatsapp 群聊里详细的网站描述。

图 1：群聊中的预览提示我们实际网站大概的样子

这些链接的预览图对大多数人来说司空见惯，因此我们很少留意网站设计对生成的预览的影响。然而，在吸引新用户和增加参与度上，这些预览图可以说是最重要的 —— 可能比 SEO 还重要。而令人担忧的是，大多数网站分析对这种类型的流量视而不见，无法向你展示这些微浏览器是如何与你的网站进行交互的。

在这一年结束之际，我这里给出了五个关于微浏览器的重要问题和观点，这是每个 web 开发人员都应该了解的。

1 什么是微浏览器？它们与“普通的”浏览器有什么区别？

我们非常熟悉的主流浏览器有 Firefox，Safari，Chrome，Edge 和 Internet Explorer，更不用说还有众多使用 Chrominum 作为渲染引擎但提供了独特用户体验的新型浏览器，比如 Samsung Internet 或者 Brave。

相反，微浏览器是一类同样可以访问网站链接、解析 HTML 并产生用户体验的 User-Agent，但和传统的浏览器不同，其 HTML 解析能力是有限的，并且渲染引擎非常集中。它打造的用户体验并不是交互式的，而是具象的 —— 为了告知用户 URL 的另一端到底有什么内容。

创建链接预览图并不是什么新鲜的事情。Facebook 和 Twitter 早在十多年前就开始在帖子中使用这个技术了。那也是最早的使用案例。营销团队创建了 backlog 条目从 Twitter Cards 和 Facebook 的 Open Graph 注释中采用不同的微数据。LinkedIn 同样采用了 Open Graph 和 OEmbed 标签来帮助生成预览图。

随着群聊和其它协作工具变得越来越普遍，我们发现各个大型社交媒体平台出现了许多新的功能。特别是近年来，很多聊天平台采用了链接展开功能。各个平台并没有重新造轮子，而是寻找既存的微数据来生成预览。

但是应该使用哪些数据呢？这些数据又该怎么处理呢？各个平台的看法不一，这使得它们提供的信息有些许差异。

图片 2：同样是亚马逊网站的链接，在 iMessage（左），Hangouts 和 WhatsApp（右）中显示的信息有所不同。

2 既然微浏览器无处不在，为什么我在网站分析报告中没看到关于它的部分？

来自微浏览器的流量很容易被忽略，其中的原因有很多：

首先，来自微浏览器的页面请求不会运行 JavaScript，并且不接受 cookie.因此，谷歌分析的