iOS Safari支持浏览器内方向感应

  日前有移动">软件开发者发现,虽然苹果从未宣传过这一功能,但实际上在上月底iOS 4.2升级后,iPhone、iPad、iPod touch上的Safari浏览器已经对一系列HTML5和W3C新标准提供了支持,其中最引人注目的要数浏览器内持握方向识别。该技术名为DeviceOrientation API,目前正处在W3C草案标准的阶段。通过这一编程接口,网页能够利用手机的加速度计、陀螺仪、电子罗盘实现对用户持握方向的识别,实现很多以往只能在原生应用软件中才会出现的动作感应功能。

  开发者Maximiliano Firtman制作了一个Demo页面,iOS 4.2设备可以访问这里进行尝试,网页中的小球会随着用户摇晃iPhone、iPad、iPod touch而左右滚动。

  更有趣的应用来自全景照片软件360 Panorama。他们已经提供了一个示范页面,使用iPhone 4打开该网页会提示找到陀螺仪,此后手持手机转动方向,页面中的全景照片也会随之旋转。

时间: 2024-09-22 01:29:01

iOS Safari支持浏览器内方向感应的相关文章

Reddit Live 自博客平台上线,支持浏览器内自动实现

摘要: 今天,Reddit 正式上线旗下自博客平台 Reddit Live. 该产品已测试数月在早期 beta 阶段,只有 Reddit 雇员才能享受内容流(Live Streams).授权信任的 报导者 来贡献内容. 与 Reddit 传统的帖 今天,Reddit 正式上线旗下自博客平台 Reddit Live. 该产品已测试数月--在早期 beta 阶段,只有 Reddit 雇员才能享受内容流(Live Streams).授权信任的 "报导者" 来贡献内容. 与 Reddit 传统

UC发布新版PAD浏览器 iOS上支持WebGL

新版浏览器LOGO--科技松鼠WebGL加速Demo体验[TechWeb报道]3月28日消息,UC优视今天正式发布了对应iOS.Windows 8和Android三大智能平台平板电脑的三款浏览器新品,分别为UC浏览器HD 2.0 For iPad ,UC浏览器HD 1.4 For winPad和UC浏览器 HD 2.3 For aPad.UC产品总裁何小鹏表示,Pad将成为除智能手机之外UC的另一个重点投入市场,UC浏览器HD版本未来将围绕极速.交互.跨网络.跨屏幕.全球化五个方向发展.据悉,此

iOS Safari/WebKit对DeviceOrientationEvent的实现

背景知识: Apple官方只发现一个文档: https://developer.apple.com/library/safari/#documentation/SafariDOMAdditions/Reference/DeviceOrientationEventClassRef/DeviceOrientationEvent/DeviceOrientationEvent.html 连个例子都没有,还是自己实践吧.https://code.csdn.net/hursing/pagetest/blob

iOS Safari/WebKit对DeviceMotionEvent的实现

请先阅读<iOS Safari/WebKit对DeviceOrientationEvent的实现>,本文是姐妹篇. 简单地描述一下区别,后面会更详细对比: DeviceOrientationEvent是获取方向,得到device静止时的绝对值: DeviceMotionEvent是获取移动速度,得到device移动时相对之前某个时间的差值比. 背景知识: Apple官方依然只发现一个文档: https://developer.apple.com/library/safari/#document

在线等,ios safari 打开网页白屏

问题描述 在线等,ios safari 打开网页白屏 在线等.http://www.dytj.com/pcebweb/PublicShare.do?ParentShareCode=6f655e7fba56a19040f2b9930204a117&adTemplateSeq=17&r=0.09126012772321701这是公司的分享到微信中的一个链接,打开经常出现白屏,想问下苹果对网页会有什么控制没?白屏不显示是网页的问题吗? 解决方案 本人打开多次,没有发现楼主说的白屏现象,可能是网络

WebGL 支持情况检测与已支持浏览器版本汇总

WebGL 支持情况检测与已支持浏览器版本汇总 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 是否我的浏览器支持 WebGL http://caniuse.com 在页面搜索 webgl,找到

iOS Safari和UIWebView对orientationchange事件的实现

背景知识: Safari Web Content Guide中关于orientationchange的文档: http://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW16 这里用addEventListener来实现:htt

微信浏览器内置JavaScript对象WeixinJSBridge使用实例

  这篇文章主要介绍了微信浏览器内置JavaScript对象WeixinJSBridge使用实例,本文给出了分享到朋友圈.发送给好友.分享到腾讯微博.关注指定的微信号等功能代码,需要的朋友可以参考下 微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮. 一.微信内置浏览器 通过 Mac 远程调试 iPhone 上微信自己的

Chrome新插件支持浏览器直接打开Office文档

  Google为Chrome 27发布了一款插件,名为Chrome Office Viewer阅读器[点击下载],支持在浏览器内直接打开多种格式的Office文档.该插件目前仅支持Chrome 27 Beta. 用户现在可在Chrome网上商店中下载这款插件,安装后Chrome就能在浏览器内直接打开微软Word.Excel.PowerPoint文档,就如同你能在Chrome里直接打开PDF文档一样. Chrome Office Viewer支持的文件格式包括.doc. .docx. .xls.