欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

phonegap的小技巧分享

phonegap开发 夜阑小雨 1032℃ 0评论

不得不说,phonegap发展太快了。

好久没有写phonegap的文章了。

今天看到之前总计的一些小技巧,跟大家分享哈!

谢谢大家的支持!

 

—ios下页面传值—
终于解决了
NSString* jsString = [NSString stringWithFormat:@”var deviceToken = \”%@\”;”, deviceToken];
[self.viewController.webView stringByEvaluatingJavaScriptFromString:jsString];

 

ios 上面拨打电话:

<a herf=”#”>12121212</a>
直接写数字拨打
<a href=”tel:${OPER_PHONE}” >${OPER_PHONE}</a>

解决链接在手机上出现黄色框问题:

加所有元素上,因为a标签有一些默认属性

-webkit-tap-highlight-color:rgba(0,0,0,0);
【表单元素在手机中点击时会出现边框,取消边框的写法如下】:
input, textarea, button, a{-webkit-tap-highlight-color:rgba(0,0,0,0);}

单行文本溢出显示…
element{text-overflow : ellipsis;white-space : nowrap;overflow : hidden;}

多行文本溢出显示…
element{-webkit-line-clamp : 2;box-orient : vertical;}
*元素必须是display:box,否则无效

文字水平垂直居中
element{box-pack : center;box-align : center;}
*元素必须是display:box,否则无效

 

【手机上的点击反馈】
去掉浏览器默认的反馈,-webkit-tap-highlight-color : rgba(0,0,0,0);
*不需要点击反馈,不用a标签(UC下问题);
*使用了delegate,建议使用a或者button;
*ipad下必须设置在绑定事件的元素上。

 

1.app 横竖排设置:
添加到activity 中
android:screenOrientation=”portrait” 【竖屏】

2.要让应用自适应不同的分辨率:

<supports-screens android:largeScreens=”true” android:normalScreens=”true” android:smallScreens=”true” android:resizeable=”true” android:anyDensity=”true” />

3.andriod 下面添加白名单:

<access origin=”http://127.0.0.1*”/> <!– allow local pages –>
<access origin=”http://*.google.com”/> <!– allow google.com pages –>

4.phonegap原生技术:

navigator.app.loadUrl(‘http://www.baidu.com’, { openExternal:true } ); 加载web页面
navigator.app.cancelLoadUrl();取消加载的web页面
navigator.app.backHistory(); 应用回退
navigator.app.clearHistory();清除浏览历史
navigator.app.clearCache();清空缓存
navigator.app.exitApp();退出应用程序

转载请注明:夜阑小雨 » phonegap的小技巧分享

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址