`

phonegap 技术

 
阅读更多

Phonegap相关

1. 隐藏顶部的状态栏

在xxx-Info.plist中新增一项属性:"Status bar is initially hidden" = YES;此外,还可以增加其他的属性,例如Launch image等。

2. 用户滑动Webview时,正常情况下会超出边界然后弹回来,也就是Bounce,可以通过以下方式禁止这种行为:

在AppDelegate.m中的webViewDidFinishLoad方法中添加:

for (id subview in theWebView.subviews) 
if ([[subview class] isSubclassOfClass: [UIScrollView class]]) 
((UIScrollView *)subview).bounces = NO;

不过在Phonegap1.5版本中已经可以通过Phonegap.plist中的属性来实现了。

3. Phonegap 内购 IAP插件

https://github.com/phonegap/phonegap-plugins/tree/master/iPhone/InAppPurchaseManager

4. 修改Bounce时的背景色

theWebView.backgroundColor = [UIColorgrayColor];

5. Phonegap的deviceready事件通常要比DOMContentLoaded后触发。

Webkit相关

1. 防止页面一定位数的数字自动变成链接

当页面上存在一定位数的数字(例如8位)时,会突然自己变成链接,实际上是被webkit自动解析成电话号码了,可以通过以下方式禁止:

在Classes中的AppDelegate.m中的webViewDidStartLoad中添加 
theWebView.dataDetectorTypes = UIDataDetectorTypeNone;

如果是在Safari中则可以通过添加相关的meta标签来设置,而在phonegap中则只能修改OC代码。

2. 阻止a标签长按后打开提示框

长按A标签后,iOS会从底部弹出一个列表,允许你选择以何种方式打开,如果要禁止这种提示时,可以添加下列css属性: 
-webkit-touch-callout:none

3. 长按A标签会造成一定区域出现“蒙板式”的阴影,解决方案是添加以下的CSS代码(只在ipad和iphone中有效) 
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}

4. 监听视频播放时的全屏事件

// 进入全屏 
video.bind( ‘webkitbeginfullscreen’, function() { 
alert( ‘begin’ ); 
} );

// 结束全屏 
video.bind( ‘webkitendfullscreen’, function() { 
alert( ‘end’ ); 
} );

5. CPU被独占时,Timer会停止,因此需要考虑应对策略。

其他问题

1. IAP如果遇到问题可以检查以下选项

机器是否越狱,越狱无法测试,query时会返回invalidProductId

Have you enabled In-App Purchases for your App ID?

Have you checked Cleared for Sale for your product?

Does your project’s .plist Bundle ID match your App ID?

Have you configured your project to code sign using this new provisioning profile?Are you using the full product ID when when making an SKProductRequest?Are your bank details active on iTunes Connect?Contracts, Tax, and Banking全部显示Contacts In Effect

Have you tried deleting the app from your device and reinstalling?

2. APN服务器端 pem的生成 
Installing the SSL Certificate and Key on the ServerYou should install the SSL distribution certificate and private cryptographic key you obtained earlier on the server computer on which the provider code runs and from which it connects with the sandbox or production versions of APNs. To do so, complete the following steps:

1). Open Keychain Access utility and click the My Certificates category in the left pane.

2). Find the certificate you want to install and disclose its contents. 
You’ll see both a certificate and a private key.

3). Select both the certificate and key, choose File > Export Items, and export them as a Personal Information Exchange (.p12) file.

4). Servers implemented in languages such as Ruby and Perl often are better able to deal with certificates in the Personal Information Exchange format. To convert the certificate to this format, complete the following steps:

(1). In KeyChain Access, select the certificate and choose File > Export Items. Select the Personal Information Exchange (.p12) option, select a save location, and click Save.

(2). Launch the Terminal application and enter the following command after the prompt: 
openssl pkcs12 -in CertificateName.p12 -out CertificateName.pem -nodes

5). Copy the .pem certificate to the new computer and install it in the appropriate place.

注意:经测试,<iOS5的设备如果连了VPN会收不到PUSH(可以用电脑共享的网络),iOS5是可以的。

3. 手机中打开iTunes链接

itms-apps://+链接

分享到:
评论

相关推荐

    基于PhoneGap技术的跨平台移动应用开发探讨.pdf

    基于PhoneGap技术的跨平台移动应用开发探讨.pdf

    Phonegap技术分析

    PhoneGap技术分析 PhoneGap是一种跨平台的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。这个技术的核心概念是将Web应用包装在原生的移动应用壳中,通过WebView(如iOS的...

    phonegap完整例子!

    "是针对Android平台的一个示例项目,特别适合在pad设备上运行,并且包含了自定义插件的实现,这对于深入理解和使用PhoneGap技术尤其有帮助。 1. **PhoneGap基础概念** - PhoneGap基于Apache Cordova,是一个让...

    PhoneGap demo

    这个“PhoneGap demo”是一个展示如何利用PhoneGap技术来开发Android图书商城应用的实例。它展现了PhoneGap的强大功能,将网页技术与移动设备的特性相结合,创建出具有动态效果的应用程序。 首先,我们要理解...

    ionic+phonegap 案例源码

    这个源码项目是一个综合了Ionic和PhoneGap技术的移动应用实例,可以帮助开发者了解如何使用Web技术构建跨平台的移动应用。通过分析提供的文件,我们可以学习到如何组织一个完整的Ionic项目结构,使用Cordova插件来...

    phonegap之android示例

    这个“phonegap之android示例”项目,显然是一个基于PhoneGap技术,专为Android平台设计的示例应用。通过这个项目,我们可以深入理解PhoneGap如何与Android原生环境相结合,以及如何利用JavaScript进行移动应用开发...

    phonegap demo

    这个"phonegap demo"是一个示例项目,展示了如何使用PhoneGap技术来开发一个简单的移动应用。 在开始探讨PhoneGap之前,我们先理解其核心概念。PhoneGap的核心思想是利用Web开发技术,如HTML5、CSS3和JavaScript,...

    phonegap android demo

    PhoneGap Android Demo是一个基于PhoneGap框架的Android应用示例,旨在帮助开发者理解如何在Android平台上使用PhoneGap技术来构建跨平台的移动应用。PhoneGap是一个开源的开发框架,它允许开发者使用HTML、CSS和...

    基于PhoneGap的开源微博客户端

    本项目“基于PhoneGap的开源微博客户端”是一个利用PhoneGap技术实现的微博应用,旨在提供一种简单的方式让开发者了解如何将Web技术应用于移动端应用开发。 首先,PhoneGap的核心理念是通过WebView组件将Web应用...

    安卓和html5的交互,phonegap

    【安卓与HTML5交互:PhoneGap技术详解】 在当今移动应用开发领域,PhoneGap作为一种混合应用开发框架,凭借其独特的特性,使得开发者可以利用HTML、CSS和JavaScript等Web技术进行跨平台的应用开发,同时又能充分...

    PhoneGap js调用 android demo

    这个“PhoneGap js调用 android demo”是PhoneGap技术的一个实例,展示了如何通过JavaScript来调用Android平台的原生功能。 首先,我们需要理解PhoneGap的核心原理。PhoneGap提供了一个桥接机制,通过JavaScript...

    PhoneGap开发快速入门

    ### PhoneGap技术架构 PhoneGap是一种开源框架,允许开发者使用Web技术(如HTML、CSS和JavaScript)来创建跨平台的移动应用程序。它的核心在于提供了原生设备访问API,让Web应用能够调用设备上的硬件功能,如摄像头...

    深入浅出phonegap书及代码

    这个压缩包文件“深入浅出phonegap”很可能包含了一本关于PhoneGap技术的详细指南以及相关的代码示例,帮助读者深入理解并实践PhoneGap开发。 PhoneGap的核心理念是利用Web技术创建应用,然后通过它的SDK将其包装成...

    phoneGap移动开发实例英文经典

    标题《phoneGap移动开发实例英文经典》和描述提到的内容涉及了PhoneGap技术、英文版图书、以及实例案例。PhoneGap(现称为Apache Cordova)是一个开源的移动应用开发框架,允许开发者使用HTML、CSS和JavaScript来...

    wanshengjie.rar_phonegap

    这个“wanshengjie.rar_phonegap”压缩包似乎包含了一个利用PhoneGap技术开发的万圣节主题活动——“万圣节摇摇乐实例”。这个实例可能是为了展示如何在节日时通过互动游戏吸引用户,同时也提供了学习和实践PhoneGap...

    163blog_java_sc.zip(1).zip_163_DroidGapEx _phonegap_phonegap soc

    《Android版163博客应用源代码解析及PhoneGap技术详解》 163blog_java_sc.zip(1).zip_163_DroidGapEx_phonegap_phonegap_soc这个压缩包文件,是Android版163博客应用的完整源代码,对于初学者来说,这是一个极好的...

    PhoneGapDemo

    PhoneGapDemo是一个示例项目,它展示了如何使用PhoneGap技术结合HTML、JavaScript和Android的WebView组件来构建跨平台的应用程序。PhoneGap是一种流行的框架,它允许开发者使用Web技术(如HTML5、CSS3和JavaScript)...

    Phonegap API Demo

    PhoneGap API Demo是一个集合了PhoneGap API实际应用的示例项目,旨在帮助开发者更好地理解和使用PhoneGap技术。PhoneGap是一个开源框架,它允许开发者使用HTML、CSS和JavaScript来构建跨平台的移动应用,同时能够...

Global site tag (gtag.js) - Google Analytics