高级开发 - 常见陷阱

1. 异步操作

// ❌ 错误：未使用 await
run() {
  document.querySelector('#btn').click();
  return 'done';
}

// ✅ 正确：使用 await
async run() {
  await document.querySelector('#btn').click();
  await this.sleep(1000);
  return 'done';
}

2. 变量作用域

// ❌ 错误：在 execute 中使用外部变量
const myVar = 'test';
const result = await page.execute(`
  console.log(myVar);  // 变量未定义
`);

// ✅ 正确：传递参数
const result = await page.execute(`
  const myVar = '${myVar}';
  console.log(myVar);
`, { myVar });

3. 页面生命周期

// ❌ 错误：页面关闭后访问
const page = await this.OpenUrl({ url: '...' });
page.close();
const data = page.execute('...');  // 页面已关闭

// ✅ 正确：先执行后关闭
const page = await this.OpenUrl({ url: '...' });
const data = await page.execute('...');
page.close();

相关链接

• API 详解 - 了解核心 API
• 进阶技巧 - 学习进阶使用技巧
• 性能优化 - 了解性能优化
• 调试技巧 - 掌握调试方法
• 基础使用 - 了解插件开发基础