[Phonegap+Sencha Touch] 移动开发53 Cordova/Phonegap 4(或5) 多了什么?

原创 2015年07月06日 21:02:12

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/46778687



Cordova 4(或5)其实是Cordova CLI 4(或5),即命令行工具版本是4(或5)。


截至本文发表日期,Cordova CLI最新版本5.1.1,其中的Cordova Android 最新版本是4.0.2;Cordova iOS最新版本是3.8。


对于Cordova Android 4.0来说,最大的改变有:

一、Cordova Android 4.0中,自动化构建工具从ant变成了gradle
这是为了配合google官方的开发工具Android studio(原本的eclipse+ADT不再更新)

二、Cordova插件cordova-plugin-whitelist访问/请求 白名单插件
此插件必须!!

白名单的配置有以下几个方面:
1、Navigation Whitelist(webview中页面跳转白名单)
配置方式:config.xml 中 配置 <allow-navigation> 节点
如<allow-navigation href="http://*" />,即允许跳转到任意http协议的页面
此节点对于单页面webapp用不到

2、Intent Whitelist意图白名单)
这里的意图,也就是从外部浏览器打开,或者<a href="tel:10086">打电话</a>,<a href="sms:10086">发短信</a>。
配置方式:config.xml 中 配置 <allow-intent> 节点
如<allow-intent href="*" />表示允许任何意图

3、Network Request Whitelisthttp请求白名单)
也就是ajax和jsonp请求了
配置方式:config.xml 中 配置 <access> 节点,
如<access origin="*" />即允许任何网址的http请求

4、Content Security Policy
W3C的Content Security Policy,简称CSP。顾名思义,这个规范与内容安全有关,主要是用来定义页面可以加载哪些资源,减少XSS的发生。
虽然脚本资源是最明显的安全隐患,但是CSP还提供了一套丰富的指令集,允许页面控制加载各种类型的资源,例如如下的类型:
  • content-src:限制连接的类型(例如XHR、WebSockets和EventSource)
  • font-src:控制网络字体的来源。例如可以通过font-src https://themes.googleusercontent.com来使用Google的网络字体。
  • frame-src:列出了可以嵌入的frame的来源。例如frame-src https://youtube.com只允许嵌入YouTube的视频。。
  • img-src:定义了可加载图像的来源。
  • media-src:限制视频和音频的来源。
  • object-src:限制Flash和其他插件的来源。
  • style-src:类似于Script-src,只是作用于css文件。
目前Chrome浏览器已经遵循了这个CSP理念。

cordova项目中,需要在html文件的head内添加 如下的<meta>标签:
<meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval' *">
上面的这个CSP策略,已经允许了基本上所有的请求了,一般只要复制到你的html文件中就可以使用了。

注意:截至本文发表日期,Cordova iOS的版本为3.8,而WhiteList插件最新版1.1.0只支持Cordova iOS 4.0+。
所以对于Cordova开发ios的,暂且使用WhiteList v1.0.0版本。


三、Cordova Android 4.0支持了pluggable WebView
也就是可以以插件的形式更换app的webview的内核
有名的是CrossWalk这个内核的webview,基于Chromium。
详细请看:https://crosswalk-project.org/documentation/cordova/cordova_4.html
cordova crosswalk插件的地址:https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview

CrossWalk可以解决android参差不齐的生态环境下,原生webview的表现不一致的问题。仅支持Android 4.0以上系统。




欢迎加入Sencha Touch + Phonegap交流群

1群:194182999 (满)

2群:419834979

共同学习交流(博主QQ:479858761


sencha touch 集成了cordova以后需要注意的问题

1. cordova 打包的时候会漏掉一些本地的文件,dao'zh
  • pinkdoremi
  • pinkdoremi
  • 2014年06月18日 17:42
  • 809

[Phonegap+Sencha Touch] 移动开发69 Phonegap/Cordova、Sencha touch的一些官方文档、博客、说明地址

都是学习的好地方! 看文档,学习权威知识; 看博客,发现你不知道的东西; 看更新日志,了解新版本改了什么,方便我们升级自己的项目。 知己知彼百战不殆。 Cordova 官方文档:http://...
  • lovelyelfpop
  • lovelyelfpop
  • 2015年11月12日 11:15
  • 759

使用eclipse把sencha touch工程打包成apk

使用eclipse把sencha touch工程打包成apk 参考:http://blog.csdn.net/l863784757/article/details/37911103, 1....
  • l863784757
  • l863784757
  • 2015年01月09日 10:51
  • 2331

使用 adt-eclipse 打包 Cordova (3.0及其以上版本) + sencha touch 项目

1、将Cordova 生成的项目导入到adt-eclipse中,如下: 项目结构如下:    导入之后可能报以下错误: 解决方案: 1.右击项目选择 pr...
  • KINGDVC
  • KINGDVC
  • 2015年01月28日 13:54
  • 919

sencha-touch + cordova(PhoneGap)使用adt-eclipse打包实例

  • 2013年06月23日 15:17
  • 1.53MB
  • 下载

[Phonegap+Sencha Touch] 移动开发70 cordova app中使用增强的webview

一、CrossWalk/XWalk(安卓) 安卓WebView在不同版本的安卓系统上表现参差不齐,这种不一致性使开发者非常头疼。虽然安卓4.4开始Google将安卓内置WebView内核更换为了Chr...
  • lovelyelfpop
  • lovelyelfpop
  • 2015年12月04日 09:47
  • 896

sencha touch打包成apk的问题

接上一个linux的,末尾说打包不成功,结果晚上换了几个方法就打包成功了,总结一下。 在尝试打包的时候换了好几个打包的方式,一般测试的时候打包都是sencha app build testing...
  • u010783527
  • u010783527
  • 2016年07月12日 14:31
  • 610

[Phonegap+Sencha Touch] 移动开发64 Phonegap/Cordova 插件开发

原文:《Cordova 3.x 基础(12) -- Plugin开发》 Cordova提供的功能能够满足一般应用,但是对于复杂的应用或者对性能要求比较严格的应用来说,并不是很理想的。所以就需要在某...
  • lovelyelfpop
  • lovelyelfpop
  • 2015年09月21日 14:52
  • 838

[Phonegap+Sencha Touch] 移动开发4 Cordova/Phonegap应用调试方法汇总

一般都是用电脑上的某个工具来远程调试手机或者模拟器上的Cordova/Phonegap App。主要有以下三种: 一、使用Weinre调试PhoneGap/Cordova应用 优点: 适用于适...
  • lovelyelfpop
  • lovelyelfpop
  • 2015年09月11日 16:02
  • 1910

Phonegap+Sencha Touch] 移动开发5、Sencha touch结合Phonegap使用

http://blog.csdn.net/lovelyelfpop/article/details/20392377
  • coolybq
  • coolybq
  • 2014年10月14日 15:03
  • 360
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[Phonegap+Sencha Touch] 移动开发53 Cordova/Phonegap 4(或5) 多了什么?
举报原因:
原因补充:

(最多只允许输入30个字)