可以捕获网站屏幕截图的Javascript代码

时间:2014-04-11 01:32:55

标签: javascript html screenshot

我有一个可以捕获网站截图的JavaScript代码。但我不知道如何使用html调用该JavaScript。谁能帮帮我吗。以下是链接和代码

演示:http://ctrlq.org/screenshots/ 文档:http://ctrlq.org/code/19136-screenshots-javascript

代码:

var system = require('system');

// Web Address (URL) of the page to capture
var url  = system.args[1];

// File name of the captured image
var file = system.args[2]  + ".png";

var page = require('webpage').create();

// Browser size - height and width in pixels
// Change the viewport to 480x320 to emulate the iPhone
page.viewportSize = { width: 1200, height : 800 };

// Set the User Agent String 
// You can change it to iPad or Android for mobile screenshots
page.settings.userAgent = "Mozilla/5.0 (Windows NT 6.1) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.56 Safari/536.5";

// Render the screenshot image
page.open ( url, function ( status ) {
  if ( status !== "success") {
       console.log("Could not open web page : " + url);
       phantom.exit();
   } else {
       window.setTimeout ( function() {
          page.render(file);
          console.log("Download the screenshot : " + file);
          phantom.exit();
       }, 1000);
   }
});

0 个答案:

没有答案