个人原创地址:https://www.jianshu.com/p/1ad536e76640 1.需求与使用场景   打开一个新页面,要求能够加载本地zip格式的h5应用,该应用使用了某些原生能力:能够加载远程应用,该应用也使用了部分原生能力:能够在多个h5应用时同样适用:h5应用能够移植到其它场景,如web.第三方移动应用:h5应用无需复杂适配移动端,如android.iOS等:2.目的   让h5应用只专注于开发h5,涉及到原生功能,则交给原生应用去实现,通过cordova js功能进行h5与

由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用 vue1代码可从百度网盘下载:链接: https://pan.baidu.com/s/1eSq71IU 密码: 1spk PS:此套代码npm install时会报错 可以运行以下命令解决: npm install chromedriver --chromedriver_cdnurl=http://cdn.

1.首先布置jdk环境,下载jdk(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html).我这里用的是1.8的 2.windows+r打开命令窗口,输入java -version,出现如下图则说明安装成功. 3.安装安卓环境,这个则是我的android-sdk-windows,链接: https://pan.baidu.com/s/1uRyA3tveKOvKUSV55BPLJQ 提

cordova 中文官网 http://cordova.axuer.com/docs/zh-cn/latest/

//创建cookie function setCookie(c_name,value,expiredays) { var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString

1.以前cordova远程调试,Android的直接连接USB后,用chrome打开chrome://inspect网址 IOS的打开Safari的developer下. 这是因为cordova的webView都已经开放了远程调试, 如果是自己的加的webView,要进行远程调试 Android: 在调试WebView需要满足安卓系统版本为Android 4.4+已上.并且需要再你的APP内配置相应的代码,在WebView类中调用静态方法setWebContentsDebuggingEnable

扯两句,可以跳过 由于项目中Cordova相关功能一直是同事在负责,所以也没有仔细的去探究Cordova到底是怎么使用的,又是如何实现JS 与 OC 的交互.所以我基本上是从零开始研究和学习Cordova的使用,从上篇在官网实现命令行创建工程,到工程运行起来,实际项目中怎么使用Cordova,可能还有一些人并不懂,其实我当时执行完那些命令后也不懂. 后来搜索了一下关于Cordova 讲解的文章,没有找到一篇清晰将出如何使用Cordova,大多都是讲如何将Cordova.xcodeproj拖进工程

新建工程,添加Cordova 关键类 新建一个工程TestCordova 然后添加:confug.xml.Private 和 Public 两个文件夹里的所有文件 然后build 发现报错 为什么有会这么多报错呢?原因是Cordova 部分类中,并没有#import <Foundation/Foundation.h>,但是它们却使用了这个库里的NSArray.NSString 等类型.为什么用在终端里用命令行创建的工程就正常呢?那是因为用命令行创建的工程里已经包含了pch 文件,并且已经imp

1 H5开发 开发HybridApp一般都是先完成H5部分,所谓的H5就是Html5页面,开发的时候我们在PC机上的浏览器调试即可,这里推荐Chrome F12模式. 在调试服务器请求数据部分要给chrome设置跨域模式,如下: 然后以管理员的身份启动chrome: 开发H5,建议使用HBuilder,开发速度很快 接下来安装cordova,本地需要已安装nodejs,确保可以正常使用npm命令.因为npm默认链接的是国外的源,所以如果网络不给力的话要切换成国内的源,比如淘宝的npm,具体如何切

以下几篇是连续的教程,代码也是连续的,包括如下章节: 新建cordova应用 https://www.cnblogs.com/cannel/p/11074359.html 使用cordova把h5应用打包成apk https://www.cnblogs.com/cannel/p/11074370.html 开发原生安卓cordova插件(基础) https://www.cnblogs.com/cannel/p/11074377.html 开发原生安卓cordova插件(有原生界面)  https

上文开发的插件没有调用原生界面,本文介绍开发带有activity的插件 本文很多操作与上文重复,重复部分会省略 首先打开plug1,先开发插件的原生代码 在以下命名空间创建一个activity 名称为Act1Activity 添加成功后,修改此文件 内容如下: package com.cesc.ewater.cordovaPlugin; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; impor

cordova应用如果需要调用原生安卓接口,方法是使用cordova插件,cordova官方提供了主流原生功能的插件,但如果还不能满足需求,也可以自己开发cordova插件 以下介绍开发一个最简单的插件,功能是调用原生的toast弹出信息 首先先用as创建新工程,用于编写插件的代码 PS:开发cordova插件其中一个坑是没有一个好的编写代码环境,甚至插件的所有类文件都要手动添加到配置文件,这点后面会有体验 项目名叫plug1,包(package)名要倒着写 默认添加empry activity

github地址:JXBWKWebView,如果觉得项目不错可以点个star支持一下,谢谢~ 前言 目前iOS系统已经更新到iOS11,大多数项目向下兼容最多兼容到iOS8,因此,在项目中对WebView组件进行重构再封装时,打算直接舍弃UIWebView转用WKWebView. 如果你目前正在网上浏览关于WKWebView的一些文章,相信你已经清楚了WKWebView的优点,也目睹了大家在使用WKWebView的过程中遇到的坑,而这篇文章,会对到目前为止大家遇到的关于WKWebView的问题给

什么是Cordova? Cordova以前也叫PhoneGap,它提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等.Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码,简而言之,cordova就是连接H5和原生系统的桥.通过cordova就可以在H5页面上开发出类似原生APP的应用,而且还是跨平台的. 在windows上如何搭环境搭 1. 首先安装node.js. 不要被这个no

老大说,我们的项目要hybrid,要实现1.html能调用native:2.本地html调用本地html界面:3.能加载远程界面..... 因为我的项目是已有的(以下简称 项目),所以是要在已有的项目里加上cordova,只是在加载远程界面这个搞了好久,伤~~~ 配置cordova 人太懒,看这里的博客吧.或者自行搜索,网上一大把. 加载远程界面 看了好几篇博客,都不行. a.ios cordova如何加载远程界面? b.Cordoval在iOS中的运用整理 ...... 不行 然后我试着用$

今天出现一个问题,在老板的Mate9 Pro上,我们APP的所有H5页面都是一片空白,但是在其他手机上都是好的,那么我们就怀疑是h5报错了,但是到底是什么错,无法得知,所以就想要可以像在pc的chrome这样调试android webview的h5页面就好了,折腾了一个晚上,终于找到了一篇基本可用的教程 android webview远程调试,然后又发现运来在chrome的官方文档文档中也有描述 远程调试 Android 设备使用入门. 一.简要步骤: 1)首先在安卓手机上打开手机的开发者模式,

手机上的页面不像桌面开发这么方便调试.能够使用Weinre进行远程调试以方便开发.本文介绍windows下的安装与使用. 安装 使用npm安装.能够执行: ###npm config set registry "https://npmjs.org" npm install -g weinre 安装完路径可能是这种: 输入命令 weinre –boundHost -all- 就可以启动. 其他參数: boundHost: -all- httpPort: 8081 reuseAddr: t

Cordova是什么 Apache Cordova是一个开源的移动开发框架.允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发. 以移动平台为例,安卓.IOS平台设备的常用功能,被Apache封装成一个个插件,如摄像头.传感器.网络.数据等.H5端通过调用插件,即可使用设备的这些功能.而项目具体的业务功能,也可封装成自定义的插件,供H5端调用,如:App端分享功能.支付功能.扫码.定位.自定义键盘等. Cordova提供了完整的机制,使得H5.安卓.IOS等平台混合

前言 Cordova虽然定义了很多基础的插件,供H5端使用原生设备的功能. 但是,如果业务相关的功能,需要提供给H5端使用,那么,就需要我们自定义插件了. 这个"自定义"不是指由Android端任意定义,一般需要各端(H5.原生)讨论来决定,如:插件的名称.action等. 模拟需求 插件信息: 插件名称:MyPlugin 插件id: com.test.MyPlugin 插件版本:1.0.0 action: aaa 插件交互方式:当h5调用时,原生toast弹出h5传入的数据,并返回响

前言 如果安卓项目已经存在了,那么如何使用Cordova做混合开发? 方案1(适用于插件会持续增加或变化的项目): 新建Cordova项目并添加Android平台,把我们的安卓项目导入Android平台(我们的安卓项目需要做目录结构.配置等很多内容调整),后续开发中,可通过命令在Codova项目中统一快速添加插件,进行原生与H5通信. 方案2(适用于插件较稳定的项目): 新建Cordova项目并添加Android平台,添加相关插件,将Android平台下H5代码.插件相关的内容导入到我们的项目中