随笔分类 - 手机Web
手机Web
摘要:当把网站通过safari添加到主屏幕功能放置到移动设备桌面上以后,通过设置apple-touch-startup-image可以为WebApp设置一个类似NativeApp的启动画面。在区域加入即可。在iPhone及iTouch设备上,只支持竖屏模式,图片分辨率为320×460。在iPad上支持竖屏...
阅读全文
摘要:1.开启调试:我们需要做的是打开Safari浏览器的调试模式。在你的iPhone中进入 设置(Settings.app) → Safari → 高级(Developer) → 调试控制台,然后打开调试模式,开启的目的是帮助你寻找可能出现的JavaScript错误。一旦完成App,你应该关闭“调试模式...
阅读全文
摘要:最近使用transition做动画效果时,鼠标一经过页面直接白屏,试了一下,只有webkit的核心的浏览器有这个状况,搜索一下已经不是最近才出现的bug,可能一时半会这个bug不会更新掉了。解决办法:-webkit-backface-visibility: hidden;-webkit-transf...
阅读全文
摘要:在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标会使用指定的图片。在区域加入下面代码即可。apple-touch-icon...
阅读全文
摘要:如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是...
阅读全文
摘要:这篇文章着重介绍多触式设备上特有的gesture event(android和iOS对这个事件的封装大同小异)。这个事件是对touch event的更高层的封装,和touch一样,它同样包括gesturestart,gesturechange,gestureend三个事件回调:1 gestures...
阅读全文
摘要:这篇文章将描述多触式网页开发中对手势(Gesture)事件的处理。 水果设备中的Gesture,广义的说包括手指点击(click),轻拂(flick),双击(double-click),两只手指的分开、闭合(scale)、转动(rotate)等一切手指能在屏幕上做的事情。iOS上设计了了一系列手势...
阅读全文
摘要:苹果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户在iphone和ipad上运指如飞的时候,那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感,因为正是他们(而不是苹果)让iOS的世界变的丰富多彩。然而对于我们这些以web为自己事业核心的...
阅读全文