动作脚本

用 JavaScript 自定义数据提取行为的高级功能。

功能概览

自定义点击序列
复杂表单填写
动态等待条件
数据转换处理
自定义错误处理

基础语法

// 页面对象可用
page

// 等待选择器
await page.waitForSelector('.product');

// 点击元素
await page.click('button');

// 输入文本
await page.type('#search', '关键词');

// 等待指定时间
await page.waitFor(2000);

// 执行 JS
await page.evaluate(() => {
  window.scrollTo(0, document.body.scrollHeight);
});

实用示例

登录流程

await page.type('#username', 'myuser');
await page.type('#password', 'mypass');
await page.click('#login');
await page.waitForSelector('.dashboard');

无限滚动

for (let i = 0; i < 10; i++) {
  await page.evaluate(() => {
    window.scrollTo(0, document.body.scrollHeight);
  });
  await page.waitFor(2000);
}

处理弹窗

// 等待弹窗
await page.waitForSelector('.modal');
// 关闭
await page.click('.modal .close');
await page.waitFor(1000);

表单交互

// 选择下拉框
await page.select('#category', 'electronics');

// 勾选复选框
await page.click('input[type="checkbox"]');

// 单选按钮
await page.click('input[value="option1"]');

数据提取

// 获取单个元素文本
const title = await page.$eval('h1', el => el.textContent);

// 获取属性
const href = await page.$eval('a', el => el.href);

// 获取多个元素
const items = await page.$$eval('.item', els => 
  els.map(e => e.textContent)
);

// 获取自定义数据
const data = await page.evaluate(() => {
  return {
    title: document.querySelector('h1').textContent,
    price: document.querySelector('.price').textContent
  };
});

错误处理

try {
  await page.waitForSelector('.button', { timeout: 5000 });
  await page.click('.button');
} catch (error) {
  console.log('按钮未找到，跳过此步骤');
}

调试技巧

// 输出日志
console.log('当前步骤：登录');

// 截图
await page.screenshot({ path: 'screenshot.png' });

// 获取当前 URL
const url = page.url();
console.log('当前 URL:', url);

注意事项

需要 Enterprise 计划
错误会导致任务失败
先小规模测试
遵守网站使用条款
可联系支持获取帮助

API 参考（可展开）

完整 API 基于 Puppeteer。详见： https://pptr.dev/api