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

我正在尝试使用 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 版本>=3.0.0，我的是较新的

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

最佳答案

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

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文件中的信息

关于javascript - 如何在cordova/phonegap应用程序中截取屏幕截图，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24994824/