1. 打开新窗口/框架的设置:
在打开另一个框架时,前面如果已经打开了一个框架,则会关闭之前的框架。
所以想连续打开两个或以上页面时,第一个需用api.openWin(),而不是api.openFrame()
2. 禁止页面放大缩小:
html5页面,默认都允许用户缩放页面,或者在屏幕双击放大或缩小。即相当于这样设置 :
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />
如果要禁止此情形,修改相应参数即可:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
3.JS锚点的设置
var cc=document.getElementById("code");
cc.scrollIntoView();
4.手机端的状态栏高度问题:
手机显示app时有些存在状态栏,如果CSS设置父框架高为100%,则显示时会多出20px左右,这时会产生竖直滑动条。为了美观效果,我们需在JS
中修改CSS高度:
$("body").css("height",api.winHeight-20);
注意:api需在函数中引用,直接放在函数外面JS里面则会报错。所以上述代码放置在apiready中:
apiready = function() {
/*修改CSS中父框架的高度*/
$("body").css("height",api.winHeight-20);
}