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

Question

我在ionic应用中使用cordova-plugin-file下载图片并保存到本地。

当我在模拟器或iphone中运行它时，没有错误，但当我在Chrome中测试它时，当我试图访问cordova.file.dataDirectory时，它显示为cordova is not defined

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

Answer 1

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和js

另一种选择是添加浏览器作为平台：

cordova platform add browser

然后运行它：

cordova run browser

但你可能会面临一些麻烦。

Answer 2

您可以轻松地将cordova.js复制到testing.The文件所在的根目录中，例如，在目录中

cordova-项目/平台/ios/平台_www

你可以很容易地把它复制过来。如果你这样做了，cordova对象是可用的，并且可以在你的代码中访问。

cordova.file.dataDirectory

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

phonegap serve browser 

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

我必须再提一点，以获得反射working.You必须创建的代码更改

.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