Я пытаюсь захватить элемент div, используя phantomjs
и ниже код прекрасно работает при открытии Google, но когда я пытался открыть сайт с моего локального хоста, я получаю сообщение об ошибке ниже.
TypeError: null не является объектом
(Evaluating’document.querySelector ( ‘# захват’). GetBoundingClientRect ‘)
Мой HTML (mysite.php)
<div id="capture">
--content here--
</div>
Мой текущий код
var page = require('webpage').create();
page.open('http://localhost/mysite.php', function() {
// being the actual size of the headless browser
page.viewportSize = { width: 1440, height: 900 };
var clipRect = page.evaluate(function(){
return document.querySelector('#capture').getBoundingClientRect();
});
page.clipRect = {
top: clipRect.top,
left: clipRect.left,
width: clipRect.width,
height: clipRect.height
};
page.render('cature.png');
phantom.exit();
});
Итак, после некоторого моделирования я понял, что это не читает .php
файл, когда я пытался захватить div из .html
файл это работает.
Есть предложения обойти это?
Задача ещё не решена.
Других решений пока нет …