不得不说，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的小技巧分享