美文网首页混合开发平台问题集锦
前端JS语言适配Cordova桥注意事项

前端JS语言适配Cordova桥注意事项

作者: 适合自己的最好 | 来源:发表于2017-06-19 12:50 被阅读34次

注意事项:

  • 1 如何对Cordova桥的deviceready消息封装问题?
  • 2 如何获取Cordova对象的父对象的实例问题?

1.1 deviceready消息的作用?

Cordova桥需要原生端与JS端都加载完成后才能正常通信,而Cordova桥确认两端是否加载完成的消息,就是deviceready消息,所以任何JS语言在使用Cordova桥的时候,App应用层的所有逻辑都应该在deviceready消息之后。

1.2 deviceready消息的封装逻辑:

// 定义方法
function appLaunch() {
  // app应用层业务逻辑代码

}

// 在每个JS框架启动的入口方法处添加以下代码:
if (window.cordova) {
  console.log('Cordova模式');
  document.addEventListener("deviceready", function() {
     // 编写项目业务代码开始
        appLaunch();
    }, false);
} else {
  console.log('web模式');
  appLaunch();
}

2 如何获取Cordova对象的父对象的实例问题:

注意 在使用各种JS语言时,如何按照对应JS语言的标准获取到window对象。

2.1 例如:在使用AngularJS 3 时,对应的编码语言为TypeScript:

declare const window: any;

// 获取方式
// window.cordova

相关文章

  • 前端JS语言适配Cordova桥注意事项

    注意事项: 1 如何对Cordova桥的deviceready消息封装问题? 2 如何获取Cordova对象的父对...

  • 初识JavaScript

    什么是JS JavaScript,简称JS,是前端的默认脚本语言。JS是一门基于事件原型面向对象的编程语言,前端三...

  • Cordova官方文档整理

    一、install Cordova install Node.js install cordova:$ sudo ...

  • Js」如何使用前端Js框架

    这次给大家带来如何使用前端Js框架,使用前端Js框架的注意事项有哪些,下面就是实战案例,一起来看一下。 概述: 技...

  • cordova 的注意点

    config.xml文件 cordova_plugins.js文件 js插件类文件 网页响应方法 cordova调...

  • ionic 双击退出

    1.首选要在界面引入 ng-cordova.js 或者 ng-cordova.min.js2.将ngCordova...

  • Cordova+X5(tencent webview)

    cordova安装 安装node.js 安装cordovanpm install -g cordova 创建cor...

  • web前端之面试提纲

    前端基础 JS 原型链机制的理解 设计模式:了解基本的前端设计模式,单例、适配器、工厂、观察者。 跨域的方式、同源...

  • cordova入门教程(一)

    cordova入门教程(一) 安装cordova cli 1、下载安装node.js(js的运行环境),安装时勾选...

  • JavaScript基础<一>

    1.JS简介 JavaScript简称JS,是前端开发的一门脚本语言(解释型语言)解释型语言:程序执行之前,不需要...

网友评论

    本文标题:前端JS语言适配Cordova桥注意事项

    本文链接:https://www.haomeiwen.com/subject/spugqxtx.html