SERVICE


云启未来,智造互联
企业上云升级,助力企业腾飞

济南网站建设:让你的web app带着notification跑

发布时间:2016-12-15 13:30:18您的位置: > 微信开发,小程序开发 > 正文

3.6 ‘ Notification API 97 即使没有Web服务,这个API也可以使用户的机器成为一台运算节点,完成运算后再向服务端反馈。 当然这只是一个构想,而且有点夸张,但是HTML5给我们带来的很多观念和技术上的革新 已经对我们产生了深远的影响,我们何不带着愉悦的心情去拥抱它呢1 3.6 Notification API 这是一个非常小巧但很有用的API,由于W3C标准文档中的英文为Desktop Notification API, 所以中文翻译为桌面通知接口o 大家一直认为,任何网站、任何Web App都不能做到像桌面应用程序一样,直接提供桌面提 示服务。各种网站的站内短信、电子邮件、事务通知,都没有办法让用户在浏览器窗口最小化的 情况下看到最新的提示。虽然有人尝试使用声音的方式辅助提示用户,但对于没有音箱的用户来 说,这依然不能解决实际问题。 因此,一个十分有用、能够解决实际问题的Notification API诞生了。到目前为止,Facebook 和Twitter已经采用了这个技术。在书稿的修正过程中,有些公司以及HTML5的爱好者们也开 始大量使用Notification API了(特别是在移动设备中)o本节中.我们将向大家介绍这个API 的用法。 3.6.1 如何检测浏览器是否支持Notification API 照例,我们来一段浏览器是否支持Notification API的能力检测代码: 3.6.2 Web的Notification的状态 我们可以使用webkitNotifications.checkPermission这个方法来判断当前Notification 的许可状态o Notification的状态一共有3种。 口0表示PERMISSION_ALLOWED(允许)o 口l表示PERMISSION_NOT_ALLOWED(未作许可授权)o 口2表示PERMISSION_DENIED(拒绝)o 3.6.3 让你的Web App带着Notification跑 本节设定一个场景,假定你希望www.mzwkj.com这个网站能够让你查看其他网站,或者做其他工作的时候,也可以向你作出反馈或者提醒。为了能够让读者有个比较完整的印象,示例 代码如代码清单34所示。 3.7 audio标签和video标签 99 图3-9是上面示例代码在浏览器上运行后的截图。 说明首先需要询问用户是否同意授权.代码中的RequestPermission()方法带有一个回调函 数,如果用户同意授权的话,代码会继续执行. 如果用户在收到授权请求时,当时拒绝了,但是以后又需要使用Notification API,那没有办法可以迅速获得授权。除非用户清空自己的浏览器记录,否则这个拒绝状态将一直存在。请 读者在使用这个API时,注意考虑这个问题。 目前.Chrome出于安全问题,已经改变了对Notification API的支持,升级成需要服务器端 运行支持。 如果在本机试验,会出现Uncaught Error:SECURITY—ERR: DOM Exception 18这样 的报错。济南网站建设公司请读者在练习时,注意这个问题。会报出同样问题的,目前还有Web Worker API等。 Chrome有“著名”的同源安全限制策略问题o Chrome在初期版本中是支持此类内容的,后来 由于安全问题进行了限制。 我们在此也郑重提醒各位读者,由于HTML5的发展非常快,变革也非常大,因此往往伴 随着一些不安仝的应用。 3.7 audio标签和video标签 audio和video标签的推出,可以说是填补了HTML对音频和视频播放标签的空白。一直以 来.l-mVIL都没有适合自己的播放标签,而统一采用这样的标签来播放。本节首先从API 的角度,对audio和video标签进行了解释和分析,从而帮助大家了解audio和videoo 表3-7给出了audio和video标签的浏览器支持情况,具体以当前测览器所实际支持的情况 为准。

梦之网科技 http://www.mzwkj.com

梦之网科技
本文网址:http://www.mzwkj.com/news/831.html

济南梦之网科技:济南网站建设,济南网站设计公司,网站建设开发公司,专业网站制作公司,拥有专业的技术团队,一流的服务团队.专业团队为您提供网站设计,网站定制服务,公众号应用开发,微信小程序开发,为用户提供成套解决方案,智能农业物联网系统