Gahing's blog Gahing's blog
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Gahing / francecil

To be best
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 前端基础

  • 应用框架

  • 工程能力

    • 工程效率

    • 编译构建

    • 工程管理

    • JS 模块化

    • CSS 模块化

    • 工程质量

    • 前端测试

      • E2E

        • Puppeteer

          • chromium sandbox 配置
          • puppeteer 内部执行过程
          • puppeteer 升级 playwright 实践
          • puppeteer 在 Electron 上的实践
          • puppeteer 检测与绕过
          • puppeteer优化实践
          • puppeteer笔记
            • 嵌套 iframe 如何寻找
            • iframe 的 url 总是拿的最新值
            • 插件升级,配置如何同步升级
            • 查看页面的报错情况
          • 插件系统 与 puppeteer-extra 浅析
          • puppeteer初探-测试webrtc
        • 浅谈前端自动化测试
        • 浏览器自动化工具
      • 单元测试

    • CI&CD

  • 应用基础

  • 专业领域

  • 业务场景

  • 大前端
  • 工程能力
  • 前端测试
  • E2E
  • Puppeteer
gahing
2022-05-06
目录

puppeteer笔记草稿

# 嵌套 iframe 如何寻找

  1. 直接在所有的 frames 里进行寻找
// 得到的是所有 iframe 包括嵌套的,以及顶级窗口
// iframe 的顺序是按照 bfs 顺序
// iframe url 不含 hash 值 
let frames = await page.frames() 
const result = frames.find(f=>f.url()==='xxx')
1
2
3
4
5
  1. 得到某个 iframe 后,寻找其子 iframe
let frames = await page.frames() 
const frame = frames.find(f=>f.url()==='xxx')
const childFrames = await frame.childFrames()
const result =  childFrames.find(f=>f.url()==='xxx')
1
2
3
4

# iframe 的 url 总是拿的最新值

let frames = await page.frames();
frames.forEach(f => {
    // 输出的总是最新值
    console.log(f._url, f.url())
});
// 如果 frame 的 url 变更后 f._url 也会变更
1
2
3
4
5
6

# 插件升级,配置如何同步升级

# 查看页面的报错情况

// 需要在页面导航前注册
page.on('pageerror', (error)=>{

})
page.goto('xxx')
1
2
3
4
5

在控制台上手动抛出的错误,不会触发 pageerror 回调

编辑 (opens new window)
上次更新: 2024/09/01, 23:56:56
puppeteer优化实践
插件系统 与 puppeteer-extra 浅析

← puppeteer优化实践 插件系统 与 puppeteer-extra 浅析→

最近更新
01
浅谈代码质量与量化指标
08-27
02
快速理解 JS 装饰器
08-26
03
Vue 项目中的 data-v-xxx 是怎么生成的
09-19
更多文章>
Theme by Vdoing | Copyright © 2016-2024 Gahing | 闽ICP备19024221号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式