我如何用PhantomJS渲染一个网站？ [英] How i can render piece of a website with PhantomJS ?

问题描述

例如：

For Example:

var page=require('webpage').create();
var ur ="http://www.sd.gov/";
function kk(){page.open(ur, function (status) {
        var s = function(){
        var p = page.evaluate(function () {
                      return document.getElementById("exampleHeader1").style.getPropertyValue("background image").replace(/^(url)\(|\)/g,'');
                  });
        return p;
      }
          return s();
phantom.exit();
});

推荐答案

响应是：

The response is :

var page = require('webpage').create();
page.viewportSize = { width: 1600, height: 1200 };

var getElementBounds = function (elementId) {
    return page.evaluate(function (id) {
        var clipRect = document.getElementById(id).getBoundingClientRect();
        return {
            top: clipRect.top,
            left: clipRect.left,
            width: clipRect.width,
            height: clipRect.height
        };
    }, elementId);
}

var url = 'http://www.sd.gov/';
page.open(url, function (status) {
    setTimeout(function () {
        var clipRect = getElementBounds('exampleHeader1');
        page.clipRect = clipRect;
        page.render('header.png');
        phantom.exit();
    }, 1000);
});

这篇关于我如何用PhantomJS渲染一个网站？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！