iphone、ipad Web开发小技巧(知识)

6 comments Feb.18.2011 , Tagged : ipad, iphone

iphone、ipad都水果家的，区别也不是很大(别和我提屏幕!!!)，所以放一起不作过多区分，基本都通用。资料都网上收集来的，很多我也还没条件测试，可能有些知识点已经更新了。

如何隐藏iPhone Safari的地址栏

使用meta标签，看一些资料说的，不过我在iphone4下测试没反应，不清楚iphone3是否有效或者是有什么限制。

<meta name="apple-mobile-web-app-capable" content="yes" />

第二个方法就是通过JS处理。原理就是当我们往下滚动时，地址栏会往上收起，所以我们重围一下默认位置就可以了。也因为是使用系统自身的特性，当内容小于可视区域时(没有滚动条)，地址栏是不能隐藏的。

window.addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){
window.scrollTo(0,1);
}

不同的方向对应不同的样式表

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
</link><link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
</link>

android开发环境搭建

no comments Mar.13.2010 , Tagged : android 手机, android开发环境搭建

初入门，第一步吗…….当然是开发环境的搭建。