我只是习惯了PhantomJs,到目前为止它非常酷。
我正在尝试抓取网站并获取有关网站上产品的数据。每个产品页面都会加载产品的默认颜色。单击颜色样本时,它会通过运行函数来交换新颜色。每个可点击的色样元素如下所示:
<input type="image" id="swatch_0" onclick="pPage.getColor(0);" src="http://www.site.com/img50067.jpg">
getColor更新该颜色的缩略图和价格。每个可用颜色(swatch_0,swatch_1等)的id增量以及传递给getColor增量的参数。我想用PhantomJs迭代每种颜色并为每个颜色提取相关数据。
我已经加载了页面,加载了jQuery,并且可以为初始加载的颜色提取数据,但似乎没有任何东西可以让我执行点击事件。
这是我正在尝试的事情:
page.evalaute(function){
var selection = $('#confirmText').text(); // name of the color
var price = $('#priceText').text(); // price for that color
console.log('Price is: ' + price);
console.log('Selection is: ' + selection);
console.log($('#swatch_1'));
$('#swatch_1').trigger("click");
selection = $('#selectionConfirmText').text();
price = $('#priceText').text();
console.log('Price is: ' + price);
console.log('Selection is: ' + selection);
}
这给了我:
console> Price is: $19.95
console> Selection is: blue
console> [Object Object]
console> TypeError: 'undefined' is not and object // repeating until I manually exit
没有其他代码运行。我也试过没有像这样的jQuery来触发事件:
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
var cb = document.getElementById("swatch_1");
cb.dispatchEvent(evt);
直接运行该功能:
pPage.getColor(1);
我得到了相同的输出。任何帮助表示赞赏。
答案 0 :(得分:3)
如果在此处直接在HTML中指定onclick
处理程序,则可以使用Javascript直接调用它:
$(function() {
$('#swatch_0')[0].onclick();
});
我相信您也可以使用PhantomJS page
方法sendEvent()
发布本机点击事件。但看起来这有点复杂,因为你必须从PhantomJS上下文中用鼠标的x,y位置调用它。未经测试的代码:
var elementOffset = page.evaluate(function() {
return $('#swatch_1').offset();
});
page.sendEvent('click', elementOffset.left + 1, elementOffset.top + 1);
答案 1 :(得分:1)
这几个月活动不多,但我最近一直在研究这些东西,也许这是你问题的答案
如果jquery已经作为您正在运行的页面的一部分加载,那么注入jquery将不起作用,您将获得您描述的行为(我也遇到过这种情况)。
因此,当您注入jquery代码时,首先应确保它不是上下文的一部分