Chrome中的cordova-plugin-file:未定义cordova

时间:2015-07-12 12:59:46

标签: cordova ionic-framework cordova-plugins

我在我的离子应用程序中使用cordova-plugin-file下载图像并保存到本地。

当我在模拟器或iphone中运行它时,没有错误,但是当我在Chrome中测试它时,当我尝试访问cordova is not defined时,cordova.file.dataDirectory

如何在chrome中运行cordova-plugin-file?

2 个答案:

答案 0 :(得分:30)

Cordova将无法在浏览器中使用;仅在您的设备上。

index.html 中,您应该有以下脚本参考:

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

正如笔记所说,剧本在开发过程中无法使用。 它将在构建过程中被替换。

您可以自己尝试一下:

cordova platform add android

然后

cordova build

你应该在platforms\android\assets\www 2 js文件下找到: cordova.js cordova_plugins.js

另一种选择是将浏览器添加为平台:

cordova platform add browser

并运行它:

cordova run browser

但你可能会遇到一些麻烦。

答案 1 :(得分:0)

您可以轻松地将cordova.js复制到您的根目录进行测试。该文件位于目录

  

科尔多瓦项目/平台/ IOS / platform_www

你可以轻松地复制它。 如果你这样做,cordova对象是可用的,可以在你的代码中访问,例如

cordova.file.dataDirectory

调试和测试Cordova应用程序的一个好方法是将Cordova浏览器插件与Phonegap一起安装以访问

phonegap serve browser 

命令。这样,您就可以在计算机上方便地测试应用程序,而无需将其发送到您的设备。需要说明的是,上面提到的cordova.file.dataDirectory在您的计算机上不可用。有些插件为浏览器平台提供代理,您也可以在浏览器中测试它们。 对我来说,使用phonegap服务器浏览器的好处是,当您编辑代码并保存它然后重新加载浏览器时,更改会得到反映。

我还要提一点让代码更改反射工作。你必须创建一个

  

.cordova

您在Cordova项目根文件夹中的

目录。然后你必须添加一个 config.json文件里面有以下内容:

{
"lib": {
    "www": {
        "id": "com.phonegap.helloworld",
        "version": "3.5.0",
        "uri": "https://github.com/phonegap/phonegap-app-hello-world/archive/3.5.0.tar.gz"
    }
}
}

如SO的以下帖子所述: Get phone gap serve working in Cordova project