Question

我正在尝试使用this插件在我的cordova应用程序中截取屏幕截图，但是发生了错误。我真的不知道错误是什么，因为我在我的Android智能手机和应用程序上测试它只是块。在浏览器中，此错误发生同样的情况：TypeError: Cannot read property 'save' of undefined，其中“save”来自此代码：

navigator.screenshot.save(function(error,res){
      if(error){
        console.error(error);
      }else{
        console.log('ok',res.filePath);
      }
    });

P.S。：还尝试了navigator.plugin.screenshot...，navigator.plugins.screenshot， window.screenshot，window.plugin.screenshot和window.plugins.screenshot

P.S.2：我检查了插件是否在cordova CLI中安装了cordova plugins，一切正常，插件存在于plugins文件夹中，适用于cordova版本＆gt; = 3.0.0而且我的版本更新

但是，当然，浏览器并没有真正加载插件，因为这里也出现了这个错误：Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:23273/www/cordova_plugins.json。没有截图，在我的智能手机上查看。

Answer 1

我正在使用Worklight并且遇到了同样的问题。我的解决方案是将Screenshot.js文件的代码更改为：

var formats = ['png','jpg'];

function Screenshot() {
}

Screenshot.prototype.save = function (callback,format,quality, filename) {
    format = (format || 'png').toLowerCase();
    filename = filename || 'screenshot_'+Math.round((+(new Date()) + Math.random()));
    if(formats.indexOf(format) === -1){
        return callback && callback(new Error('invalid format '+format));
    }
    quality = typeof(quality) !== 'number'?100:quality;
    cordova.exec(function(res){
        callback && callback(null,res);
    }, function(error){
        callback && callback(error);
    }, "Screenshot", "saveScreenshot", [format, quality, filename]);
};

Screenshot.install = function () {
      if (!window.plugins) {
        window.plugins = {};
      }

      window.plugins.screenshot = new Screenshot();
      return window.plugins.screenshot;
    };

cordova.addConstructor(Screenshot.install);

这样我就可以使用以下代码进行调用：

window.plugins.screenshot.save(function(error,res){
          if(error){
            alert(error);
          }else{
            alert('ok',res.filePath); //should be path/to/myScreenshot.jpg
          }
        },'jpg',50,'myScreenShot');

这在我的Android智能手机上完美运行。

我还在res / xml / config.xml文件中添加了：

<feature name="Screenshot">
    <param name="android-package" value="org.apache.cordova.screenshot.Screenshot"/>
</feature>

在AndroidManifest.xml文件中：

<uses-permission android: name = "android.permission.WRITE_EXTERNAL_STORAGE" />

并在以下包中添加了java类：org.apache.cordova.screenshot.Screenshot

所有这些配置都包含插件的plugin.xml文件中的信息

Answer 2

您是否在localhost中加载项目？为什么你有这种文件：

http://localhost:23273/www/cordova_plugins.json.？

你正试图用“cordova serve 23273”来模拟cordova项目？你不能使用任何带有“cordova serve”的插件。

你应该将file：///作为协议......

Answer 3

谢谢大家，不幸的是我无法给出这个问题的真实答案，因为我做了很多事情。最后一个是将我的cordova.js文件更新到最新版本，这实际上解决了我的问题，但每个评论和答案都有很多帮助。

我要感谢@Talysson de Castro和@Darktalker帮助我！：）

如何在cordova / phonegap应用程序中截取屏幕截图

3 个答案: