首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Ionic中添加Cordova诊断插件?

在Ionic中添加Cordova诊断插件?
EN

Stack Overflow用户
提问于 2015-08-05 07:18:18
回答 2查看 9.2K关注 0票数 3

我是新的离子,我想使用科洛德瓦诊断插件在我的离子项目。我不知道如何使用离子插件。我使用这个命令添加了这个插件。

代码语言:javascript
运行
AI代码解释
复制
 $ cordova plugin add cordova.plugins.diagnostic

我可以在我的列表中看到这个插件

代码语言:javascript
运行
AI代码解释
复制
 $ cordova plugins ls

现在我有一个独立的控制器文件,我在这里发布它的代码,当我尝试使用它时,它会出错,cordova是

代码语言:javascript
运行
AI代码解释
复制
 angular.module('timetools_controllers', ['ui.utils', 'ionic','cordovaGeolocationModule'])

.controller('TimetoolsCtrl', ['$scope', '$http', '$localstorage', '$ionicPopup', function ($scope, $http, $localstorage, $ionicPopup) {

    /*=================================================================================*/
    // ABFRAGE OB TRACK & SHARE AKTIV IST
    /*=================================================================================*/
    var fdappAuth = $localstorage.getObject('fdappAuth');

    $http({
        method: 'GET',
        url: 'http://app.flugdeck.com/options.php?apikey=7ksmewzSUd2asSA0384cosb!2w3SloE&do=get&optid=110&userId=' + fdappAuth.fdappUserId + '&userPwHash=' + fdappAuth.fdappUserPw,
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
        }
    })
        .success(function (data, status) {
            // Verarbeitet die Daten und setzt diese zur Anzeige in die scopes
            console.log("Optionsabfrage für Track & Share läuft");

            $scope.optentry = data[0];
            $scope.optentry.opt_110 = data[0].opt_110;

            if ($scope.optentry.opt_110 == 1) {
                $scope.isTrackShareActive = "Tracking ";
                $scope.cssClass = "Tracking";
            } else {
                $scope.isTrackShareActive = "Tracking ";
                $scope.cssClass = "Tracking";
            }
        });


    $scope.saveOffBlockTime = function () {
        var datum = new Date();
        console.log("Datums-String: " + datum);

        // Erstelle das Datum und Poste das
        if ($scope.OffBlockRunAlready === true) {

        } else {
            // Setzt das Datum
            $scope.OffBlockTime = datum;


            $scope.OffBlockRunAlready = true;

            if ($scope.optentry.opt_110 == 1) {
                /***********************/
                // GPS TEST CODE CORDOVA
                /***********************/
                alert("GPS TEST");
                 cordova.plugins.diagnostic.isLocationEnabled(function(enabled){
                    console.log("Location is " + (enabled ? "enabled" : "disabled"));
                }, function(error){
                    console.error("The following error occurred: "+error);
                });



            }

        }
    }; // saveOffBlockTime








}]) ;// Ende .controller('TimetoolsCtrl'...

但在控制台中会出现以下错误。

代码语言:javascript
运行
AI代码解释
复制
 ReferenceError: cordova is not defined

有人能帮我吗?

我的Index.html

代码语言:javascript
运行
AI代码解释
复制
 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>

<!-- build:css dist_css/styles.css -->
<link href="css/ionic.app.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- endbuild -->

<script src="http://maps.google.com/maps/api/js"></script>
<!-- build:js dist_js/modules.js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/underscore/underscore-min.js"></script>
<script src="lib/ngmap/build/scripts/ng-map.min.js"></script>
<script src="lib/moment/min/moment.min.js"></script>
<script src="lib/angular-moment/angular-moment.min.js"></script>
<script src="lib/angular-md5/angular-md5.min.js"></script>
<script src="lib/angular-base64/angular-base64.min.js"></script>
<script src="lib/angular-cordova-geolocation/cordovaGeolocationModule.js">      </script>
<script src="lib/ngCordova/dist/ng-cordova.min.js"></script>
<!-- endbuild -->
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

<!-- build:js dist_js/app.js -->
<script src="dist/dist_js/app/app.js"></script>
<script src="dist/dist_js/app/directives.js"></script>
<script src="dist/dist_js/app/controllers.js"></script>
<script src="dist/dist_js/app/templates.js"></script>
<script src="dist/dist_js/app/services.js"></script>
<script src="dist/dist_js/app/config.js"></script>
<script src="dist/dist_js/app/filters.js"></script>
<script src="js/mymodules.js"></script>
<script src="lib/ui-utils.min.js"></script>
<script src="js/controller_flightlog.js"></script>
<script src="js/controller_timetools.js"></script>
<script src="js/controller_infotools.js"></script>
<script src="dist/dist_js/app/factories.js"></script>
<!-- endbuild -->
</head>

<body ng-app="your_app_name">
<ion-nav-view></ion-nav-view>
</body>
</html>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-08-05 12:44:03

这个插件的Github页面状态是:

这个用于iOS和Android的Cordova/Phonegap插件用于检查以下设备设置的状态

该插件专门用于报告、Android、iOS平台上的本地设备设置的状态。

因此,它不支持浏览器平台,在该平台上运行将导致观察到的错误。

票数 5
EN

Stack Overflow用户

发布于 2015-08-05 10:11:59

在您的浏览器中通过ngCordova测试$ ionic serve插件时,要记住的一件事是,它常常导致、cordova没有定义

大多数ngCordova插件不会在web浏览器中工作,因为它们使用本机设备代码。

你能不能试着模仿一下你的应用程序,看看它是否有效?(您可能希望将console.log()更改为其他内容,以便查看它在模拟器中是否有效。例如,打印一个$scope。)

例如:$ ionic emulate ios$ ionic emulate android

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31836492

复制
相关文章
给Ionic写一个cordova(PhoneGap)插件
 给Ionic写一个cordova(PhoneGap)插件 之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了。。。 在正式写下文之前,我先感谢公司大boss:王总,感谢他让我进入了一个有挑战性的技术公司 并在这个过程中一直鼓励我不断汲取新技术,同时也指正了我在开发中的一些不太好的习惯,十分感谢!   再~,感谢在开发中给予我太多帮助的杜勇以及孙金~,不论是需求讨论还是具体
上帝
2018/06/26
1.5K0
给Ionic写一个cordova(PhoneGap)插件
 给Ionic写一个cordova(PhoneGap)插件 之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了。。。 在正式写下文之前,我先感谢公司大boss:王总,感谢他让我进入了一个有挑战性的技术公司 并在这个过程中一直鼓励我不断汲取新技术,同时也指正了我在开发中的一些不太好的习惯,十分感谢!   再~,感谢在开发中给予我太多帮助的杜勇以及孙金~,不论是需求讨论还是具体
上帝
2018/05/18
2K0
ionic cordova resources问题说明
ionic cordova resources是用于一键打包生成各分辨率icon和splash的命令,在使用过程中可能会遇到以下问题:
IT晴天
2018/08/20
1.3K0
ionic 中 cordova-plugin-inappbrowser组件的使用
在上一篇文章中(使用Ionic3创建原生app系统入门)介绍了如何使用ionic构建一个Android app 项目,并生成apk安装包。
易兒善
2018/08/21
2.4K0
ionic 中 cordova-plugin-inappbrowser组件的使用
ionic2引入cordova插件时提示 no provider for * 错误
直接上答案,如果出现这个错误,直接在component里添加一行代码: import { FileOpener } from '@ionic-native/file-opener'; @Component({ selector: 'page-home', templateUrl: 'home.html', providers: [FileOpener]//就是这行 }) 这里我用的是fileopener插件报的错,所以写的是FileOpener,其他模块填入相应模块名即可。
mcq
2018/06/20
7060
05. 使用 cordova plugman 编辑和添加插件
$ plugman install --platform <ios|android> --project <directory> --plugin <name|url|path> [--plugins_dir <directory>] [--www <directory>] [--variable <name>=<value> [--variable <name>=<value> ...]]
acc8226
2022/09/22
6040
cordova插件- Media
添加插件 $ cordova plugin add cordova-plugin-media 插件的使用 Methods · media.getCurrentAmplitude:Returns th
roc
2018/03/30
1.3K0
cordova插件- Media
cordova插件- Splashscreen
添加插件 $ cordova plugin addcordova-plugin-splashscreen 插件的使用 Methods 此处没有方法,主要是一些config.xml的配置 2. Exa
roc
2018/03/30
7250
cordova插件- Splashscreen
cordova插件- Contacts
添加插件 $cordova plugin add cordova-plugin-contacts 图 8出现如上则添加成功 插件的使用 Methods navigator.contacts.create navigator.contacts.find navigator.contacts.pickContact Example <!--这是选择联系人--> function openContacts () { navigator.contacts.pickContact(function (con
roc
2018/03/30
1.1K0
cordova插件- Geolocation
添加插件 $ cordova plugin add cordova-plugin-geolocation 插件的使用 Methods navigator.geolocation.getCurrent
roc
2018/03/30
1K0
cordova插件- Geolocation
Cordova插件须知
ionic可以很方便的安装cordova插件,最新ionic-cli要求cordova插件里面有package.json和plugin.xml才能安装成功,如果缺失,请自行补上,而原来旧的cli不要求package.json文件(插件目录里的,不是ionic项目里的)。
IT晴天
2018/08/20
1.2K0
Ionic3学习笔记(一)安装、项目结构与常用命令
创建一个新项目,有blank、tabs、sidemenu3种样式可选,tutorial、super、conference为官方Demo,aws为AWS Mobile Hub Demo
Theo Tsao
2018/09/07
1.3K0
cordova插件-Dialogs
添加插件 $ cordova plugin add cordova-plugin-dialogs 图 10如上则添加成功 插件的使用 Methods navigator.notification.a
roc
2018/03/30
7070
cordova插件-Dialogs
cordova插件- Inappbrowser
添加插件 $ cordova plugin addcordova-plugin-inappbrowser 插件的使用 Methods cordova.InAppBrowser.open 2. Ex
roc
2018/03/30
8550
cordova插件- Inappbrowser
cordova插件-Device
添加插件 $ cordova plugin add cordova-plugin-device 图 11如上则添加成功 插件的使用 Methods(没有方法,只有对应的属性) device.cord
roc
2018/03/30
9260
cordova插件-Device
Ionic3 开发流程
简单介绍自己使用Ionic3开发的过程,涉及到的知识点如下: Angular Ionic Cordova ES6 TypeScript Scss 环境搭建 引用插件 调试 Android打包 Android签名 IOS打包
spilledyear
2018/08/21
2K0
新增章节——Ionic 2 中添加图表
Ionic 2 实例开发 今日更新新增章节——Ionic 2 中添加图表: Chart.js是一个在HTML5的<canvas>元素中绘制图标的JavaScript库,非常适合于HTML5的移动应用
孙亖
2018/06/07
2K0
ionic莫名其妙的“cordova/platform_metadata”
我的Cordova升级到8已经很久了,而且在此环境下原有的项目跑得好好的,所以别人说有问题需要把Corodva降级到7.1或者7.0时,我不置可否。
IT晴天
2018/08/20
6680
自定义Cordova插件详解
在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能。现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合适的插件、或对找到的插件有不满意的地方,那就要动手去做或改写一个插件,这时候就要了解一些Cordova插件的相关知识。
IT晴天
2018/08/20
2.3K0
【技巧】ionic3优雅解决启动前、后黑白屏问题
启动前黑白屏问题,仅存在于android,是android应用的通病,ionic表示这锅它不背。 具体操作时,当我们点击桌面图标启动APP时,有时会闪一下黑色背景,有时黑色背景时间还比较长。原因是:
IT晴天
2018/08/20
3.8K0

相似问题

ionic:添加自己的cordova插件

31

添加oneSignal插件cordova - Ionic 2

10

Ionic Cordova插件

118

Cordova诊断插件不工作

12

在Ionic 2中添加一个cordova插件

14
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档