gpt4 book ai didi

javascript - 如何在 PhantomJS 中捕获 window.open(url, _blank) 打开的新窗口?

转载 作者:数据小太阳 更新时间:2023-10-29 05:48:01 24 4
gpt4 key购买 nike

我想用 PhantomJS 检查我的脚本是否在点击时正确打开一个新窗口/标签。打开由js事件监听器触发,通过window.open(url, "_blank")打开。

如何使用 PhantomJS 监听新窗口?

最佳答案

似乎有三种方法可以做到这一点:

onPageCreated

CasperJS 通过使用 page.onPageCreated 解决了这个问题.因此,当在页面中调用 window.open 时,将创建一个新页面,并使用新创建的页面触发 page.onPageCreated

page.open(address, function (status) {
if (status !== 'success') {
console.log('Unable to load the address!');
phantom.exit();
} else {
page.onPageCreated = function(newPage){
newPage.onLoadFinished = function(){
console.log(newPage.url);
phantom.exit();
};
};
page.evaluate(function(url){
window.open(url+"?something=other", "_blank");
}, address);
}
})

页面

PhantomJS 的页面 有一个pages处理子页面的属性。因此,当您打开 一个新页面/选项卡时,会为该页面创建一个新的webpage 对象。您需要尝试在页面触发之前向页面添加一个 onLoadFinished 事件监听器(无 promise )。这可能很难,并且当 window.open 被页面上下文以未知延迟调用时。

这可以通过使用 waitFor 之类的东西来解决。等待新页面出现并在加载页面之前附加事件处理程序。这是经过小调整的完整代码。重试间隔从 250 毫秒减少到 50 毫秒。

var page = require('webpage').create();
var address = "http://example.com/";

function waitFor(testFx, onReady, timeOutMillis) {
var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 3000, //< Default Max Timout is 3s
start = new Date().getTime(),
condition = false,
interval = setInterval(function() {
if ( (new Date().getTime() - start < maxtimeOutMillis) && !condition ) {
// If not time-out yet and condition not yet fulfilled
condition = (typeof(testFx) === "string" ? eval(testFx) : testFx()); //< defensive code
} else {
if(!condition) {
// If condition still not fulfilled (timeout but condition is 'false')
console.log("'waitFor()' timeout");
phantom.exit(1);
} else {
// Condition fulfilled (timeout and/or condition is 'true')
console.log("'waitFor()' finished in " + (new Date().getTime() - start) + "ms.");
typeof(onReady) === "string" ? eval(onReady) : onReady(); //< Do what it's supposed to do once the condition is fulfilled
clearInterval(interval); //< Stop this interval
}
}
}, 50); //< repeat check every 50ms
};

page.open(address, function (status) {
if (status !== 'success') {
console.log('Unable to load the address!');
phantom.exit();
} else {
console.log("p:", page.ownsPages, typeof page.pages, page.pages.length, page.pages);
waitFor(function test(){
return page.pages && page.pages[0];
}, function ready(){
page.pages[0].onLoadFinished = function(){
console.log("p:", page.ownsPages, typeof page.pages, page.pages.length, page.pages);
console.log("inner:", page.pages[0].url);
phantom.exit();
};
});
page.evaluate(function(url){
window.open(url+"?something=other", "_blank");
}, address);
}
})

代理解决方案

可以代理 window.open 函数,在页面上下文中打开页面后,可以在通过 window.callPhantom 发出信号的幻象上下文中注册事件处理程序并陷入onCallback .

page.onInitialized = function(){
page.evaluate(function(){
var _oldOpen = window.open;
window.open = function(url, type){
_oldOpen.call(window, url, type);
window.callPhantom({type: "open"});
};
});
};
page.onCallback = function(data){
// a little delay might be necessary
if (data.type === "open" && page.pages.length > 0) {
var newPage = page.pages[page.pages.length-1];
newPage.onLoadFinished = function(){
console.log(newPage.url);
phantom.exit();
};
}
};
page.open(address, function (status) {
if (status !== 'success') {
console.log('Unable to load the address!');
phantom.exit();
} else {
page.evaluate(function(url){
window.open(url+"?something=other", "_blank");
}, address);
}
})

关于javascript - 如何在 PhantomJS 中捕获 window.open(url, _blank) 打开的新窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27980178/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com