Chrome全平台更至 22版本后，给前端调试带了几个另人兴奋的实用功能

Posted by unbug on Oct 9, 2012 in Web App | 0 comments

升级了iOS6后测试了一下给应用推广来的新特性SMART APP BANNERS .首先要在head标签添加如下meta

要注意的是content属性：app-id即是你的应用id,app-argument则用作打开应用时的URL，比如打开网易新闻对应的新闻VIEW。

测试结果是：

升级了iOS6的iOS设备，不过有点小BUG，比如new ipad中整条内容部分是居左而没居中显示，itouch4只有在对应的应用成功安装了才显示。希望这些BUG是个别机子，因为测试条件有限没有全面测试。

你想你会问，如果动态添加这条meta会是什么结果呢？先来看看：

http://www.iunbug.com/archives/2012/09/21/431.html

已经有不少前端同行抱怨iScroll4的各种问题，我个人并不赞同将这些问题归咎于iScroll4,因为iScroll4进无论是touch事件的捕获，还是使用transform来处理滚动，以及将cubic-bezier应用到transition上实现高效的平滑滚动，这些原理我们都是已知的。更多原理细节可以参看[译]手把手教你编写iOS上Mobile Web App实现Fixed Position和模拟滚动 一文。此文则来解释另一个被很多人误解为iScroll4 造成的问题，那就是内容多的页面闪动的问题。现象表现为：

1.滑动过程中，滚动区内的元素在释放手指时出现细微闪动

2.图片缩放过程中释放手指时明显闪动

3.iOS上从mobile safari打开或第三方应用内打开后，切回主屏幕再切回页面时明显闪动

4.页面初始时闪动

大致这些情况下会有闪动，在ipad2,new ipad上会明显看得出。

下面就来分析产生的原因和解决办法：

http://www.iunbug.com/archives/2012/09/19/411.html

iOS6的Mobile Safari给前端开发者带来了什么  里已经提到iOS6的mobile safari将有智能应用通知标题（Smart App Banners）的功能，意在解决mobile safari里无法检测第三方应用安装状态的，通过这个功能，可以在页面中实现应用推荐类的需求。但目前来看，要实现这个需求只能在第三方应用中实现。思路也简单，第三方应用可以通过iOS的SDK提供的接口检测到对应的应用是否已经安装，然后在内嵌的UIWebView中打开的连接时追加参数如“?isinstalled=1”之类的参数供web页面获取来判断。web获知状态后可以提示给用户觖发的对应的应用的方案，如“打开应用”，“安装应用”等。

不过我们今天来说一种不借助第三方应用在mobile safari里就能实现跟上述类似的功能。

先来看看实现代码：

http://www.iunbug.com/archives/2012/09/18/401.html

http://www.iunbug.com/archives/2012/09/18/398.html

iScroll4启用snap时原生滚动会被阻止，具体表现是拖动snap作用的元素往非snap路径时将无法拖动页面。

官方的解决办法是追加onBeforeScrollStart事件：

这种办法在测试中iOS和原生android设备是没有问题的，但第三方定制系统的设备（如小米，魅族）以及将页面在android应用中打开都会造成滑动非常的卡的现象。这时只要改改iScoll4的源码即可。具体参看

http://www.iunbug.com/archives/2012/09/18/398.html