puppeteer学习笔记（三）--API问题解决--切换frame和iframe框

终于环境搭建好啦，可以开始快乐的玩耍了，开始记录我遇到的问题了

官方英文版API入口：github.com/GoogleChrom…. 汉化版API入口：yq.aliyun.com/articles/60….

具体API我就不解释，在前边第一篇中已经给出学习的目录了，可去看下基础的，API实在是太多了，我这边只列出我自己遇到的有问题的API

1、切换单层iframe框架

先给出具体代码：一个登录163邮箱的例子 看一下效果图

代码如下：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
   headless:false});
  const page = await browser.newPage();
  await page.goto('https://mail.163.com/');
  await page.setViewport({
   width:1000,height:800});
  //切换iframe框代码
  await page.waitFor('#loginDiv>iframe');//等待我的iframe出现
  const frame = ( await page.frames() )[3];//通过索引得到我的iframe
  await frame.waitFor('.j-inputtext.dlemail');//等待用户名输入框出现
  await frame.type('.j-inputtext.dlemail','12345');//输入账户
  await frame.waitFor('.dlpwd');//等待密码框出现
  await frame.type('.dlpwd','12345');//输入密码
  //等待3秒后退出浏览器
  await page.waitFor(3000);
  await browser.close();
})();
复制代码

当时学习