I am trying to take a screenshot in my cordova application using this plugin, but an error is occuring. I don't really know what the error is, as I am testing it on my android smartphone and the app just blocks. In the browser, the same is happening with this error: TypeError: Cannot read property 'save' of undefined, where 'save' es from this code:

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

P.S.:  Also tried navigator.plugin.screenshot..., navigator.plugins.screenshot,         window.screenshot, window.plugin.screenshot and window.plugins.screenshot

P.S.2: I checked if plugin is installed with cordova plugins in cordova CLI and everything is ok, plugin           exists in plugins folder and is for cordova version>=3.0.0 and mine is newer

But of course, the browser isn't really loading the plugin, because this error also occurs there: Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:23273/www/cordova_plugins.json. No screenshot is taken, checked on my smartphone.

I am trying to take a screenshot in my cordova application using this plugin, but an error is occuring. I don't really know what the error is, as I am testing it on my android smartphone and the app just blocks. In the browser, the same is happening with this error: TypeError: Cannot read property 'save' of undefined, where 'save' es from this code:

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

P.S.:  Also tried navigator.plugin.screenshot..., navigator.plugins.screenshot,         window.screenshot, window.plugin.screenshot and window.plugins.screenshot

P.S.2: I checked if plugin is installed with cordova plugins in cordova CLI and everything is ok, plugin           exists in plugins folder and is for cordova version>=3.0.0 and mine is newer

But of course, the browser isn't really loading the plugin, because this error also occurs there: Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:23273/www/cordova_plugins.json. No screenshot is taken, checked on my smartphone.

• javascript
• android
• angularjs
• cordova
• cordova-plugins

• did you created object of Screenshot where you using navigator.screenshot.save ? – Dhwanik Gandhi Commented Jul 28, 2014 at 12:10
• I think not, how and where do I do that? I am really new to phonegap and don't know where to make changes to use plugins, this is the first plugin I ever tried on phonegap – Boyan Hristov Commented Jul 28, 2014 at 12:21
• and did you added platform in pluging.xml file ? – Dhwanik Gandhi Commented Jul 28, 2014 at 12:27
• yes, android platform is already added for me in plugin.xml. Check the github repo, I haven't changed anything. Can you tell me how and where to create that object of Screenshot. It is obviously not as simple as var screenshot = new Screenshot(); – Boyan Hristov Commented Jul 28, 2014 at 12:29
• P.S.: I used a try catch block and on android the error is the same : cannot call method save of undefined – Boyan Hristov Commented Jul 28, 2014 at 12:36

3 Answers 3

I'm using Worklight and was going through the same problem. My solution was to change de code of the file Screenshot.js to:

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); 

This way I can make the call with the following code:

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');

This worked perfectly on my Android smartphone.

I also added in res / xml / config.xml file:

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

In the AndroidManifest.xml file:

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

And added the java class in the following package: org.apache.cordova.screenshot.Screenshot

All these configurations have the information in the plugin.xml file of the plugin

do you load your project in localhost ? why do you have this kind of file:

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

you are trying to simulate the cordova project with "cordova serve 23273" ? you can't use any plugin with "cordova serve".

you should have file:/// as protocol...

Thanks everybody, unfortunately I cannot give a real answer to this question, as I did many things. The final one was to update my cordova.js file to the latest version, which actually solved my problem, but every ment and answer assisted a lot.

I want to thank both @Talysson de Castro and @Darktalker for helping me out! :)