手机触屏网站开发技巧总结
手机触屏网站开发技巧总结
侦测iPhone/iPod 开发特定设备的移动网站，首先要做的就是设备侦测了。下面是使用Javascript侦测iPhone/iPod的UA，然后转向到专属的URL。 Code: if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { if (document.cookie.indexOf(“iphone_redirect=false”) == -1) {
window.location = “www.wendangwang.com”;
} }
虽然Javascript是可以在水果设备上运行的，但是用户还是可以禁用。它也会造成客户端刷新和额外的数据传输，所以下面是服务器端侦测和转向： Code: if(strstr($_SERVER['HTTP_USER_AGENT'], iPhone ) ||
strstr($_SERVER['HTTP_USER_AGENT'], iPod )) { header( Location: www.wendangwang.com );
exit();
}
设置viewpoint和屏幕等宽 如果不设置viewpoint，网站在viewpoint就会显示成缩略形式。如果你专门为iPhone/iPod开发网站，这一条很有用，而且很简单，只需要插入到head里就可以：
Code:
<meta name=”viewport” content=”width=device-width; initial-scale=1.0;
maximum-scale=1.0;”>
使用iPhone规格图标 如果你的用户将你的网站添加到home screen，iPhone会使用网站的缩略图作为图标。然而你可以提供一个自己设计的图标，这样当然更好。图片是57×57大小，png格式。不需要自己做圆角和反光，系统会自动完成这些工作。然后将下面这条加入head中：
手机网站开发 www.wendangwang.com
你可能喜欢
- 网页开发
- wap网站
- 开发指南
- HTML5入门
- App开发
- 网页制作总结
- 手机界面设计
- 静态网页开发与网页制作技巧10页
- 网页游戏开发七武器32页
- 网页开发选用工具6页
- 网页开发的一些总结和理解2页
- 网页开发方向2页
- 网页设计与开发课后习题8页
- wap网站方案20页
- 政府类wap网站建设方案模版25页
- wap网站基础培训33页
- wap网站的优势(翔优网络)3页
- wap网站制作教程30页
- 快速上手wap网站开发12页
- Quartz开发指南34页
- 讯飞MSC开发指南(Android)21页
- ExtJS实用开发指南67页
- usb开发指南6页
- 中文版-Android开发指南75页
- 游戏开发指南1页
- 初学者必知的HTML5入门级技巧5页
- HTML5 入门14页
- HTML5入门教学：简化的语法2页
- HTML5入门31页
- HTML 5入门与精通69页
- HTML5入门教程38页
- 我的第一个iOS App从开发到上线经历1页
- 【转】App产品开发的几个思考2页
- 爱传App开发人员应具备的能力1页
- 0908_UUdev_MarketCMS_介绍资料_安卓App开发者25页
- Shell App 开发设置1页
- 云端App开发以及模拟平台系统19页
- 网页制作培训总结2页
- CSS网页制作总结7页
- 静态网页制作总结1页
- Frontpage网页制作经验总结4页
- 网页制作周工作总结62页
- 网页制作周工作总结53页
