開發 iPhone Web App 的小技巧
来源:互联网 发布:万网备案域名 编辑:程序博客网 时间:2024/06/09 18:01
原文:http://pro.ctlok.com/2010/06/iphone-web-app.html
很久以前開發過給 iPhone 用的網頁,今天無意中看到那些程式碼,順便記錄下來。
iPhone 看普通網頁時會將屏幕像素闊度變成 980 像素,如果想將屏幕像素闊度變回原本大小,可以在 head 加入以下設定:
- <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1, user-scalable=no" />
- width=device-width 是用 iPhone 屏幕像素來定義網頁闊度。
- minimum-scale 是用戶可將畫面縮小的倍率。
- maximum-scale 是用戶可將畫面放大的倍率。
- user-scalable 是否給用戶可將畫面放大或縮小。
用戶將網頁收藏為書並加到主畫面時,可以令最下的選單消失,令網頁變為全屏幕,在 head 加入以下設定:
- <meta name="apple-mobile-web-app-capable" content="yes" />
用戶將網頁收藏為書並加到主畫面時,可加入自定義的 icon,在 head 加入以下設定:
- <link rel="apple-touch-icon" href="/custom_icon.png"/>
用戶將網頁收藏為書並加到主畫面時,可以設定在載入網頁時的等待畫面,在 head 加入以下設定:
- <link rel="apple-touch-startup-image" href="/startup.png">
用戶將網頁收藏為書並加到主畫面時,可以將最上的狀態列設定為其他顏色(發覺只能設定為黑色),在 head 加入以下設定:
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
想在網頁載入完成時隱藏最頂的網址列,可加入以下的 Javascript:
- window.onload = function(){
- setTimeout(function(){
- window.scrollTo(0, 1);
- }, 100);
- }
防止用戶拉動網頁,可加入以下的 Javascript:
- document.addEventListener("touchmove", function(event){
- event.preventDefault();
- }, false);
- 開發 iPhone Web App 的小技巧
- iphone、ipad Web开发小技巧(知识)
- 为iPhone App切图的技巧
- 为iPhone App切图的技巧
- iPhone 开发的一些小技巧
- iphone 调试的一个小技巧
- [转载]iPhone开发的一些小技巧
- IPhone/IPad的一些使用小技巧
- iPhone开发的一些小技巧
- iphone 开发的一些小技巧
- iPhone开发的一些小技巧
- iPhone开发的一些小技巧
- iPhone开发的一些小技巧
- iPhone编程的一些小技巧
- web的一些小技巧
- iphone开发小技巧
- iphone小技巧1
- iphone小技巧2
- webkit webApp 开发技术要点总结
- 关于C语言的fprintf与fwrite使用区别
- 编写函数,将 x 中的位反过,创作一个镜像
- 带video和audio的mediastream.c
- 山寨布斯们的爱情故事
- 開發 iPhone Web App 的小技巧
- JVM参数设置使用技巧(1)
- 想做一个行业门户,主要功能这样
- MySQL 将十六进制转化为十进制
- 记录一些Mac OS X技巧
- BCB软件编码规范
- 为ARM平台添加rzsz指令
- cmake使用一 —— cmake语法
- app2.5.10配置多虚拟主机的方法