Mrcdh技术博客 Mrcdh技术博客
首页
  • Html5
  • Javascript
  • Nodejs
  • electron
  • Android
  • 微信公众号
  • 框架
  • 其他
  • Mysql
  • PHP
  • Python
  • java
  • Gulp
  • 其它
  • 网站
  • 资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Mrcdh

全栈开发小学生
首页
  • Html5
  • Javascript
  • Nodejs
  • electron
  • Android
  • 微信公众号
  • 框架
  • 其他
  • Mysql
  • PHP
  • Python
  • java
  • Gulp
  • 其它
  • 网站
  • 资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Html5

  • JavaScript

  • Nodejs

  • express

  • electron

  • Android

  • 微信公众号

  • 框架

    • Vuejs
    • Nuxtjs
    • Uniapp
    • Eggjs
    • flutter
    • sass的基本使用
    • ApiCloud-AWM开发常见问题
    • playwright的基本使用
      • 快速入门
        • 安装
        • 使用
      • 常用功能
        • 关闭无痕浏览模式
        • 页面执行脚本
        • 判断某个元素是否加载完成
        • 鼠标操作
        • 页面滚动到指定位置
    • puppeteer的基本使用技巧
  • 其他

  • selenium

  • Sequelize

  • 大前端
  • 框架
mrcdh
2022-09-09
目录

playwright的基本使用

# 快速入门

# 安装

yarn add -D playwright

1
2

# 使用

// [chromium、firefox、webkit]
const { chromium } = require('playwright');

(async () => {
    // 启动浏览器,默认是无痕浏览的
  const browser = await chromium.launch();
  // 新建页面
  const page = await browser.newPage();
  // 页面跳转地址
  await page.goto('http://whatsmyuseragent.org/');
  // 截图
  await page.screenshot({ path: `example.png` });
  // 关闭浏览器
  await browser.close();
})();
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

# 常用功能

# 关闭无痕浏览模式

// @ts-check
const { chromium } = require("playwright");
const path = require('path');

(async () => {
    // 使用 launchPersistentContext 即可,需提供一个文件夹存放 cookie 等数据
    const browser = await chromium.launchPersistentContext(path.resolve("./userData"), {
        headless: false,
    });
    const [page] = browser.pages();
})();
1
2
3
4
5
6
7
8
9
10
11

# 页面执行脚本

page.evaluate(pageFunction[, arg])

# 判断某个元素是否加载完成

# 鼠标操作

# 页面滚动到指定位置

page.mouse.wheel(x, y) // 页面滚动到x(横坐标), y(垂直坐标)位置
1
#playwright
上次更新: 2023/09/22, 16:54:32
ApiCloud-AWM开发常见问题
puppeteer的基本使用技巧

← ApiCloud-AWM开发常见问题 puppeteer的基本使用技巧→

最近更新
01
uniapp常见问题
03-19
02
Vue3项目搭建
12-25
03
使用pnpm的monorepo组织项目
11-01
更多文章>
Theme by Vdoing | Copyright © 2020-2025 Mrcdh | 苏ICP备2020058908号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×