使用Devtools协议事件Page.frameNavigated获取客户端导航重定向

Question

Devtools协议中的framenavigated事件似乎与framenavigated事件的工作方式不同。如果我在下面的例子中使用parentframe方法，我只会得到客户端导航重定向，这正是我想要的。如果我使用Devtools协议示例，将parentframe方法替换为parentId，则不会得到任何信息，因为代码没有通过parentId。

我如何使用Devtools协议中的framenavigated事件来以与framenavigated相同的方式运行，并且只获得导航重定向链？

// var url = "http://wechat.com";
var url = "http://yahoo.com";

const puppeteer = require('puppeteer');

puppeteer.launch().then(async browser => {
const page = await browser.newPage();

// Puppeteer framenavigated example:
page.on('framenavigated', frame => {
 if(frame.parentFrame() === null) {
console.log("Puppeteer nav frame: ");
console.log(frame._url);
}
});
// Result returns:
// Puppeteer nav frame:
// https://uk.yahoo.com/?p=us

// Devtools protocol framenavigated example:
const client = await page.target().createCDPSession();
await client.send('Page.enable');

await client.on('Page.frameNavigated', (e) => {
// console.log("Framenavigated event fired");
if(e.frame.parentId === null) {
    console.log("Devtools protocol frame: ");
    console.log(e.frame.url);
 }
});
// Result returns: 
// Either hangs up and times out or finishes but returns nothing

await page.goto(url);
await browser.close();

});

Answer 1

再看看这个问题，我会回答我自己的问题。

Puppeteer中的parentFrame()方法返回作为页面主框架一部分的框架的null，而Devtools协议中的parentId返回主框架的undefined。因此，我只需检查undefined或false parentId值。显然我知道@。

await client.on('Page.frameNavigated', (e) => {
    if(!e.frame.parentId) {
    // if(typeof e.frame.parentId === "undefined") { // works also
    console.log(e.frame.url);
    }
});