【PUPPETEER】初探之原生FRAME切换

一、知识点

1. page.frames()
2. 使用frame.url() 获取framed的url
3. x.getAttribute('x') 获取元素内值

3. 根据上面的代码我们可以得到长度是2说明不止一个iframe,那么我们找到我们需要切换的iframe 呢？我们再分析一下上面的元素截图，发现我们需要的iframe 有个url属性，指向唯一的url，所以我们思考用遍历frames 获取每个url 再与我们切换的iframe做对比，不就取到了么，代码演示

const frames = await page.frames();  // 获取当前页面的frame
console.log(frames.length);  // 打印

const url = await page.$eval('#iframeLoginIfm',el => el.getAttribute('src'));   //  通过iframe id 元素，获取src的值
    const frames = await page.frames(); // 获取当前页面的所有的 frame
　　// 遍历frame,当frame的url 包含再目标url中，则是当前我们需要的frame

    for (let i of frames) {  
        if (url.includes(i.url())) {
            var frame = i ;
        }
    }
    await frame.waitFor('#phoneIpt'); 
    await frame.type('#phoneIpt','122222');