
> 真实记录一次浏览器自动化的实战经历：从 Selenium 翻车到 Playwright 逆袭，我踩过的每一个坑。#WorkBuddy#

---

## 缘起：AI 写文章，能不能让 AI 帮忙发？

我有 WorkBuddy，它能帮我写文章、写代码，甚至能定时提醒我签到领积分。但有一个问题始终没解决——**写完的文章还得我自己打开浏览器、登录、粘贴、填标签、点发布**。

这不合理。AI 已经把内容生成了，为什么不能直接把"发出去"这步也做了？

于是我决定：用 Python 写一个脚本，让浏览器自动登录腾讯云开发者社区，把文章发出去。

听起来很简单对吧？打开网页 → 填标题 → 填内容 → 填标签 → 点发布。5 步的事。

**实际上我花了 3 个多小时。**

下面记录我踩过的每一个坑，以及最终怎么爬出来的。

---

## 第一坑：Selenium ChromeDriver，还没开始就结束了

最开始用的是 Selenium，这是 Python 浏览器自动化里最老牌的库。

```python
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://cloud.tencent.com/developer/article/write-new')
```

第一行就报错了：

```
SessionNotCreatedException: Chrome instance exited
```

Google 了一圈，发现是 **ChromeDriver 版本不匹配**——我系统装的是 Chrome 128，但 Selenium 默认用的是旧版 driver。

尝试了 `webdriver-manager` 自动管理驱动，结果它又触发了 WorkBuddy 沙箱的安全拦截（`os.unlink()` 被 `safe-delete` 拦截），锁文件删不掉。

**结论：在 WorkBuddy 的沙箱环境下，Selenium 基本不可用。换方案。**

---

## 第二坑：EdgeOne 反爬，API 直接调用行不通

想着绕过浏览器，直接用 `requests` 库调 API：

```python
resp = requests.post(
    'https://cloud.tencent.com/developer/api/article/addArticle',
    json={'title': 'xxx', 'content': 'xxx'},
    cookies=my_cookies
)
```

返回永远都是：

```json
{"msg":"参数错误","code":400}
```

抓包一看，页面源码里有 `EO-Bot-Js-Token` ——腾讯云页面有 EdgeOne 机器人防护，必须用真实浏览器解开 JS 挑战才能拿到可用的 Token。直接用 requests 等于白给。

**结论：必须走浏览器自动化这条路。**

---

## 第三坑：Playwright 总算打开页面了，但 CodeMirror 6 给我整不会了

切换到 Playwright，这次顺利多了：

```python
from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(channel='chrome', headless=False)
    page = browser.new_page()
    page.goto('https://cloud.tencent.com/developer/article/write-new')
```

页面加载成功！标题用 `textarea[placeholder="请输入标题"]` 轻松定位。

但填内容时傻眼了——腾讯云社区用的是 **CodeMirror 6** 编辑器，不是普通的 `<textarea>`，而是一个复杂的 DOM 结构，实际可编辑区域是 `div.cm-content`。

我最初尝试模拟逐行输入：

```python
for line in content.split('\n'):
    page.keyboard.type(line)
    page.keyboard.press('Enter')
```

结果每行前面都出现了 `>` 符号——因为文章 markdown 里有引用块（`>`），CodeMirror 自动延续了格式。输入 `## 标题` 变成了 `> ## 标题`。

**解决方案：直接用 JS 注入内容，绕过 CodeMirror 的输入处理：**

```python
page.evaluate('''(content) => {
    const cm = document.querySelector('.cm-content');
    cm.innerText = content;
    cm.dispatchEvent(new InputEvent('input', { bubbles: true }));
}''', article_content)
```

---

## 第四坑：标签字段——一个没有 placeholder 的 input

点"去发布"后弹出发布对话框，需要填：原创/转载、标签、摘要。

原创和转载很简单：

```python
page.locator('span.t-radio__label:has-text("原创")').first.click()
```

摘要也简单：

```python
page.locator('textarea[placeholder="请输入文章摘要"]').fill(summary)
```

**标签字段把我卡住了整整 40 分钟。**

我的思路是找 `placeholder` 含"标签"或"关键词"的 input。遍历了页面上全部 9 个 input，没有一个符合条件的。用 Playwright 的 `get_by_placeholder()` 也找不到。

最后写了一个 DOM 诊断脚本，把对话框里所有 input 的属性全部打印出来：

```python
result = page.evaluate('''() => {
    const inputs = document.querySelectorAll('input');
    return Array.from(inputs).map(i => ({
        className: i.className,
        placeholder: i.placeholder,
        type: i.type
    }));
}''')
```

从中发现了一个关键线索：

```json
{"className": "cdc-tags-input__input", "placeholder": "", "type": "text"}
```

- 类名是 **`cdc-tags-input__input`**（不是普通的 input）
- **没有 placeholder 属性**——这就是为什么所有基于 placeholder 的定位都失败了！

**最终选择器：**

```python
tag_input = page.locator(
    'li:has(label:has-text("文章标签")) input.cdc-tags-input__input'
).first
tag_input.type('WorkBuddy', delay=50)
page.keyboard.press('Enter')  # 触发下拉选择
```

---

## 第五坑：Tab 键导航死胡同

在寻找标签输入框时，我还尝试过用 Tab 键逐格跳转来填表单：

```python
for i in range(20):
    page.keyboard.press('Tab')
    page.wait_for_timeout(300)
```

结果 20 次 Tab 全部落在同一个按钮上——对话框有焦点陷阱（focus trap），Tab 键出不了那个循环。

**这意味着必须用精确选择器，不能投机取巧。**

---

## 最终方案：全流程自动化

把以上所有经验汇总，最终脚本的核心流程：

```python
# 1. 打开写作页面（系统 Chrome 自动处理 EdgeOne 验证）
page.goto('https://cloud.tencent.com/developer/article/write-new')

# 2. 填标题
page.locator('textarea[placeholder="请输入标题"]').fill(title)

# 3. JS 注入 CodeMirror 内容
page.evaluate('''(c) => {
    const cm = document.querySelector('.cm-content');
    cm.innerText = c;
    cm.dispatchEvent(new InputEvent('input', {bubbles:true}));
}''', markdown_content)

# 4. 打开发布抽屉
page.locator('button:has-text("去发布")').first.click()

# 5. 填发布信息
page.locator('span.t-radio__label:has-text("原创")').first.click()
page.locator('input.cdc-tags-input__input').type('标签', delay=50)
page.keyboard.press('Enter')
page.locator('textarea[placeholder="请输入文章摘要"]').fill(summary)

# 6. 点击发布
page.locator('button:has-text("确认发布")').click()
```

全程无需人工干预。

---

## 总结：踩坑经验谈

| 踩坑 | 经验 |
|------|------|
| Selenium 版本冲突 | 在沙箱环境中优先选 Playwright |
| EdgeOne 反爬 | 必须用真实浏览器，API 直调行不通 |
| CodeMirror 6 | 用 JS 直接注入内容，别模拟逐行输入 |
| 无 placeholder 的组件 | 写 DOM 诊断脚本打印所有 attributes |
| 焦点陷阱 | 别依赖 Tab 导航，用精确选择器 |

这次折腾最深的体会：**浏览器自动化表面上看起来简单，但实际落地时，每一个"不起眼"的组件都可能藏着一个让你调试半小时的坑。** 但只要耐心排查，一定能找到解法。

---

*本文为作者真实实践记录，所有代码均可直接运行。欢迎在评论区交流你遇到的自动化难题。*

#WorkBuddy #Playwright #Python #浏览器自动化 #腾讯云

真实记录一次浏览器自动化的实战经历：从 Selenium 翻车到 Playwright 逆袭，我踩过的每一个坑。#WorkBuddy#

我用 Playwright 折腾了 3 小时，就为了让 AI 帮我发一篇文章

真实记录一次浏览器自动化的实战经历：从 Selenium 翻车到 Playwright 逆袭，我踩过的每一个坑。WorkBuddy  缘起：AI 写文章，能不能让 AI 帮忙发？ 我有 WorkBuddy，它能帮我写文章、写代码，甚至能定时提醒我签到领积分。但有一个问题始终没解决——写完的文章还得我自己打开浏览器、登录、粘贴、填标签、点发布。 这不合理。

开发工具

测试

前端

从Selenium驱动崩溃到Playwright成功逆袭，本文真实记录了浏览器自动化发布文章的完整踩坑过程。涵盖EdgeOne反爬绕过、CodeMirror6内容注入、无placeholder标签定位等核心技术难点，提供可直接运行的Python脚本，助你避开同类自动化陷阱。

代码解释

WorkBuddy 

EdgeOne

Python

WorkBuddy企业版限时双倍 Credits 活动

workbuddy

2026上云采购 | AI焕新·智启新局

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我用 Playwright 折腾了 3 小时，就为了让 AI 帮我发一篇文章-腾讯云开发者社区-腾讯云

我用 Playwright 折腾了 3 小时，就为了让 AI 帮我发一篇文章

我用 Playwright 折腾了 3 小时，就为了让 AI 帮我发一篇文章

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐