app wap开发mobile隐藏地址栏的js
2013-07-13 20:14
253 查看
function scrolltol (){
setTimeout ( function () {
window . scrollTo ( 0 , 1 )
},
0 );
}
window . onload = function () {
if ( document . documentElement . scrollHeight <= document . documentElement . clientHeight ) {
bodyTag = document . getElementsByTagName ( 'body' )[ 0 ];
bodyTag . style . height = document . documentElement . clientWidth / screen . width * screen . height + 'px' ;
}
setTimeout ( function () {
window . scrollTo ( 0 , 1 )
},
0 );
};
只要上面几行JS代码就可以搞定。
之外再给大家推荐另一种方法:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
设置viewport
<meta content="telephone=no" name="format-detection" />
禁用电话
<meta name="apple-mobile-web-app-capable" content="yes" />
启用web app。添加至主屏后,从主屏进入会隐藏地址栏和状态栏
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
设置顶部电话信号那一栏的样式,可用值有default 、black、black-translucent三种,其中第三种为半透明,不占高度。
<link rel="apple-touch-icon-precomposed" href="iphone_milanoo.png" />
设置主屏的图标。该路径需要注意的就是放到将网站的文档根目录下但不是服务器的文档的根目录。图片尺寸可以设定为57*57(px)或者Retina可以定为114*114(px),ipad尺寸为72*72(px)
<link rel="apple-touch-startup-image" href="milanoo_startup.png" />
启动界面的图片。该路径需要注意的就是放到将网站的文档根目录下但不是服务器的文档的根目录。官方规定启动界面的尺寸必须为 320*640(px),原本以为Retina屏幕可以支持双倍,但是不支持,图片显示不出来。
setTimeout ( function () {
window . scrollTo ( 0 , 1 )
},
0 );
}
window . onload = function () {
if ( document . documentElement . scrollHeight <= document . documentElement . clientHeight ) {
bodyTag = document . getElementsByTagName ( 'body' )[ 0 ];
bodyTag . style . height = document . documentElement . clientWidth / screen . width * screen . height + 'px' ;
}
setTimeout ( function () {
window . scrollTo ( 0 , 1 )
},
0 );
};
只要上面几行JS代码就可以搞定。
之外再给大家推荐另一种方法:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
设置viewport
<meta content="telephone=no" name="format-detection" />
禁用电话
<meta name="apple-mobile-web-app-capable" content="yes" />
启用web app。添加至主屏后,从主屏进入会隐藏地址栏和状态栏
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
设置顶部电话信号那一栏的样式,可用值有default 、black、black-translucent三种,其中第三种为半透明,不占高度。
<link rel="apple-touch-icon-precomposed" href="iphone_milanoo.png" />
设置主屏的图标。该路径需要注意的就是放到将网站的文档根目录下但不是服务器的文档的根目录。图片尺寸可以设定为57*57(px)或者Retina可以定为114*114(px),ipad尺寸为72*72(px)
<link rel="apple-touch-startup-image" href="milanoo_startup.png" />
启动界面的图片。该路径需要注意的就是放到将网站的文档根目录下但不是服务器的文档的根目录。官方规定启动界面的尺寸必须为 320*640(px),原本以为Retina屏幕可以支持双倍,但是不支持,图片显示不出来。
相关文章推荐
- 新闻资讯APP开发流程(五)-- MainView.js
- Cordova+Angularjs 开发IOS App
- 创建一个Hybird App应用框架 Ember.js + jQuery Mobile + PhoneGap
- Html5 手机wap开发、微信开发、APP开发的优缺点-创业者必知
- 微信小程序开发(五) - 全局(app.js)逻辑 - js 文件
- 跨平台移动APP开发进阶(三)hbuilder+mui mobile app 开发心酸路
- 新闻资讯APP开发流程(七)-- FooterView.js
- Hbuilder开发app实战-识岁06-face++的js实现【完结】
- IOS越狱开发(二)———APP开机自动启动并隐藏图标
- React 16+Redux+React Router 4 Node.Js全栈开发招聘App项目实战视频
- Android开发:怎样隐藏自己的app应用
- html5 开发wapapp时 用到的几个meta标签
- 实践分享:开始用Cordova+Ionic+AngularJS开发App
- JS开发通过设置cookie实现第一次进入首页展示弹窗广告,再次进入隐藏广告
- 用 vue.js 开发微信 app(ios 版) 界面的 demo
- js 新打开窗口隐藏地址栏的IE设置
- 开始vue.js web app开发之旅
- mui开发app之html5+,5+Runtime,5+sdk,native.js
- 使用Windows Azure Mobile Service开发Windows Phone 8 App【转http://www.cnblogs.com/dlbrant/archive/2013/04/02/2996627.html】
- Hbuilder开发app实战-识岁04-七牛云上传文件的js实现