2015年Web：追求原有“框架”外的新功能

ゞ浴缸里的玫瑰 2022-08-07 14:59 202阅读 0赞

Web最初的设想是一个[应用][Link 1]的通用版本，或者用历史书上的话来说是“应用程序”。它是可以运行于任何地方的最小公分母，这使得Web完全建立在一个“框架”中，潜在的功能也仅限于一个“长方形的内容”。

[![100335qqdfmqqqc2nqamd2.jpg][]][100335qqdfmqqqc2nqamd2.jpg]

早期的应用允许开发人员在后台执行代码、为脱机使用提供缓存数据、使用推送通知以及提供其他一些网站没法提供的功能。然而Web目前正在经历一场巨大的变化。浏览器响应应用的革命，并且现在任何人都可以利用这些变化“打破框架”。

这里有三种打破框架最合用的方式：

1. [ServiceWorkers][]允许应用利用服务器的后台处理能力，如通过hooks在离线时启动Web应用。该系统的核心是事件驱动的Web Worker，它对由Web文档或其他事件源所分发的事件做出响应。Service Worker在开放Web平台上，为事件驱动的后台处理提供了一个通用的入口点（Entry Point），并可扩展以支持其他的规范要求。它可以让一个Web页面拥有后台运行的脚本,从而让Web应用看上去更像一个原生应用。

2. 传感器访问将使页面“意识到”用户的环境。这么多年来，网页只知道用户屏幕的大小和浏览器类型。而现在各种传感器的数据是可用的，环境光、麦克风和相机都出现在W3C标准中，这给予了网站矩形边界以外的页面。

3. 推送通知将允许网站与它们的用户持续的连接，甚至是在用户关闭了网站的浏览器选项。

4. ServiceWorkers与推送通知的组合也有一个非常重要的共生效应，推送不一定非要显示一个通知给用户，代替的是执行任意的ServiceWorkers代码。换句话说，想象一下你最喜欢的节目，当你看第一集的时候，通过推送执行ServiceWorkers，将第二集预载入缓存中，当你离线后，你就可以在想看的时候观看第二集内容了。

我们需要关注什么？

当一大波功能添加到浏览器时，有些人可能会“心惊肉跳”。所以每个功能需要有一个权限检查/视觉迹象来表明它是被使用的。例如，当一个麦克风录音时，需有一个图标符号让用户知道发生了什么，并可以通过这个图标来取消应用。

另一个主要趋势是安全网络，像ServiceWorkers和推送等这些新功能是强大的，HTTPS被要求保护用户和网站所有者。这可以防止恶意的无线运行商或ISP注入的代码对网站和用户造成长期的影响。在2015年EFF将免费提供SSL，Google甚至建议将浏览器中所有的HTTP标记为不安全的，这将导致网站爆炸性的转换成SSL。

编者注：我们所常见的链接地址是以“HTTP”开头的，一些网站出于安全考虑开始逐渐使用SSL，这样就变为“HTTPS”协议。举个例子，在使用HTTPS协议下，当你访问http://www.csdn.net/时，会自动变为https://www.csdn.net/，即以“HTTPS”为网址开头。这种访问模式下，表明你正在和这个网站进行加密连接，你与网站之间的通讯资料很难被第三方获取。

2015年如何定位自己的网站？

这里有一些快速的方法可以改变你的网站，让你的网站遥遥领先：

1. “离线第一”：使用ServiceWorkers缓存你网站最新的状态，呈现出来，并在获取新数据时显示加载消息，这将产生一个闪电般的用户体验。

2. 响应智能化：使用有效的传感数据为用户提供预设或其他调整。举个例子，如果一个网站有很多内容，那么可以基于光照条件调整对比度。[游戏][Link 2]或其他互动内容？那么连接运动传感器，让用户有身临其境的体验。

3. 重新连接你的用户：找到一个适合自己网站的自然的方式去唤起用户的回忆。保持你网站的新鲜感。有些例子挺好，如提醒新内容（新消息/好友请求）。

一个项目的参观者，他的目光往往会在售价上，所以你要为自己的网站找到真正适合的应用。而不是一味的模仿别人。

原文来自：[VentureBeat][]

[Link 1]: http://www.html5cn.org/portal.php?mod=list&catid=20
[100335qqdfmqqqc2nqamd2.jpg]: http://www.html5cn.org/data/attachment/portal/201501/13/100335qqdfmqqqc2nqamd2.jpg
[ServiceWorkers]: https://www.youtube.com/watch?v=4uQMl7mFB6g
[Link 2]: http://www.html5cn.org/portal.php?mod=list&catid=19
[VentureBeat]: http://venturebeat.com/2015/01/11/the-web-in-2015-your-favorite-shows-auto-cached-sites-that-adapt-to-your-environment-and-more/