在用iPhone手机浏览网页的时候,点击分享按钮的时候,会有个添加到桌面的按钮。点击之后,就能把网站的快捷方式保存到桌面上,想一个app一样。可以方便用户快读的访问一些常用网页。

默认情况下,safari会自动的把当前页面的部分内容进行缩放截屏,然后生成一个icon,放在桌面上用来指代这个地址。

但是这种生成的图标会非常的不好看,一看就是网页,没法跟桌面上那些native app融合在一起。

苹果官方针对这种情况,提供了一个修改这个icon的方式,具体类似如下:

修改href值,然后放在对应页面的head里面,就可以了,具体效果可以尝试着用iPhone打开我的网站

效果还是很赞的

在iPhone上面保存到桌面的效果

另外,icon的尺寸推荐设置为114114,因为在iPhone上面的图标尺寸是5757,做两倍图,自然就是114*114了

特别是在IE6下

字符串的拼接

不要用var str = “aaa”+”bbb” 会报错

arr.push arr.join 测试也是会报错

推荐 var str = ”;str += ‘aaa’; str += ‘bbb’;

不要注释

注释会影响解析,可能导致 缺少’}’ 之类的bug

关于返回值

不要类似直接return ‘a’ 这样直接返回一个临时创建的字符而应该是 var str = ‘not’; return not;

这些说法没有严谨的进行验证,只是在最近和flash进行交互的时候,在ie下遇到错误,总是查找不到,最后一点点的回滚代码测试错误的时候,发现的。也没法描述其中的原理是什么。仅供参考

2014年6月5日补充

以上情况只适用于这种情况:使用swfobject.js来加载flash,会以flashvar的形式给flash传递一个js的回调函数。出问题的原因是:swfobject.js会把这个js的回调函数的代码复制然后写入标签的flashvar属性中。这种复制会导致下面的问题。