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

我试图使用this插件在我的cordova应用程序中截取屏幕截图,但是发生了错误.我真的不知道错误是什么,因为我在我的Android智能手机和应用程序上测试它只是块.在浏览器中,出现此错误也是如此：TypeError：无法读取未定义的属性“save”,其中“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文件夹中,适用于cordova版本> = 3.0.0而且我的是更新的

但当然,浏览器并没有真正加载插件,因为此处也会出现此错误：无法加载资源：服务器响应状态为404(未找到)http：// localhost：23273 / www / cordova_plugins. JSON.没有截图,在我的智能手机上查看.

解决方法:

我正在使用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文件中的信息