发布按钮点了没反应：CSDN 发文链路上 4 个「不报错的坑」

发布按钮点了没反应：CSDN 发文链路上 4 个「不报错的坑」

脚本跑完了，没抛异常；页面上按钮也点到了，DOM 里明明能查到那个元素。但文章就是发不出去。

没有报错，没有弹窗，没有红字提示。它就那么安静地失败了。

这是我这两天在做「多平台自动发文」时真实遇到的一类问题。它们共同的特点是：你没法从错误信息里得到任何线索，因为根本没有错误信息。本文复盘 4 个这样的坑，以及一套能快速定性的排查姿势。

坑一：标签栏是必填项，空标签时点发布完全静默

表现最迷惑的一个。填好标题、灌好正文，点「发布按钮」——鼠标按下去了，按钮状态也变了，然后什么都没发生。URL 没跳，toast 没弹，控制台干净。

第一反应是"按钮被遮挡了"或者"点击事件没绑定上"，于是换各种点击策略：原生鼠标事件、element.click()、坐标点击、dispatchEvent。全部无效。

真因是标签栏为空。

线索藏在 DOM 里。发布面板的标签区域长这样：

<div class="form-tag-box required">

那个 required 类名就是答案。CSDN 把标签设成了必填，但校验失败时不做任何 UI 反馈，直接 return。所以你看到的"点了没反应"，其实是"前端校验没过，静默拦下"。

排查心得：当点击完全无响应时，先别怀疑事件绑定，去找面板里带 required 的字段。

坑二：标签输入框要先点「添加标签」才会出现

知道了标签必填，下一步自然是找输入框填标签。于是：

panel.querySelectorAll('input')

返回结果里确实有 input，但 placeholder 分别是「无声明」「请选择创作活动」「请选择创作话题」——全是下拉选择框，没有一个是能输入标签的。往这些框里塞文字，自然加不上标签。

真因是：标签输入框是个"懒加载"元素，必须先点「添加标签」按钮，它才会被插入 DOM。

点完之后出现的输入框，placeholder 是：

请输入文字搜索，Enter键入可添加自定义标签

也就是说它还支持自定义标签——输入后回车，就能添加一个平台上原本没有的标签，不用非得从推荐列表里选。

正确的顺序是：

第 5 步不能省。我吃过亏：以为加上了，结果 chip 是空的，发布依然静默失败。

坑三：话题不在发布面板里，已发布的文章补挂不了

发布面板从上到下是：标签栏 → 添加封面 → 文章摘要 → 分类专栏 → 文章类型 → 创作声明 → 文章备份 → 可见范围 → 文章模板 → 多平台发布 → 取消/发布按钮。

没有"参与活动"，也没有"创作话题"。

我一开始以为是列表没加载出来，反复点 tab、等加载、滚动容器，折腾了半天。后来才确认：这个面板里压根没有这个区块。

那话题在哪挂？在活动页：

https://mp.csdn.net/activity/writing/topic

每个话题卡片上有个「去创作」按钮，它的真实链接是：

https://editor.csdn.net/md?not_checkout=1&activity_id=10964
^^^^^^^^^^^^^^^^

话题是通过 activity_id 这个 URL 参数带进编辑器的。 所以正确姿势是：发文前先去话题页，点对应话题的「去创作」，从这个入口进去写文章，话题就自动带上了。

已发布的文章想补挂？不行，路不通。这是平台设计决定的，不是加载问题。

顺带记一下几个话题的 ID（2026-10 实测）：

参与人数少的那种，上榜概率明显高——31 人的话题，你发一篇相关题材就能排进前列。

坑四：微信二次验证，二维码十分钟就过期

同一天发第 2 篇时，点发布会弹：

为保障您的账号安全，请使用您绑定的微信扫码验证

这个是账号风控，绕不过去，只能扫码。麻烦在于二维码大约 10 分钟过期，而且过期态很有迷惑性：

• 图变成模糊的二维码，中间叠一个刷新圆圈
• 但 innerText 里不含"过期"两个字——你如果只靠读文本判断二维码是否有效，会一直误判为有效

判断二维码是否过期，只能截图看。刷新方式：点二维码框中心。

另外有个好消息：这个验证只做一次。扫码通过之后，重开浏览器再发布，不再要求扫码——验证结果是在服务端生效的，不依赖当前页面会话。

一套能快速定性的排查姿势

踩完这些坑之后，我总结出几条对"静默失败"通用的原则，不局限于 CSDN：

1. 不要相信文案，要信 DOM 属性和接口返回。

页面上写着"发布成功"不代表成功，写着"去使用"也不代表按钮真的能点。我做流量券投放时，最后的验收标准是抓 POST /flow-coupon/use 的响应体里 data 是否为 true，以及券卡片文案是否从"去使用"变成"推广中"——双证据才算过。

2. "没反应"优先怀疑校验，不是事件。

99% 的"点了没反应"都是前端校验拦下的。找 required、找空值、找未选中项。弹窗里"确定"按钮点了没反应？十有八九是你还没选中那条记录——未选中时点确定，同样静默无响应。

3. 元素找不到，先看是不是非标准标签。

我找「去使用」按钮找了四轮，最后发现它是：

<p class="btn el_mcm-tooltip__trigger"> 去使用 </p>

是 <p>，不是 button，文本还带前后空格。之前所有 querySelectorAll('button,a,span,div') 全部漏掉。碰到这种情况，要么用 TreeWalker 遍历文本节点，要么直接用 '*' 全标签遍历再比对文本。

4. 输入类操作要先确认页面是活动的。

非活动标签页里 visibilityState === 'hidden'，此时鼠标和键盘事件会被静默丢弃。CDP 操作前先 Page.bringToFront。

5. 批量灌文本别用逐字符输入。

Input.insertText 会吞掉换行。正文这种大段内容，走剪贴板 + Ctrl+V 稳得多。

最后

这四个坑加起来花了我大约四个小时。回头看，每一个的真因都很简单——required 类名、activity_id 参数、<p> 标签、10 分钟有效期——难的是它们都不告诉你。

所以写下来。下次再遇到"点了没反应"，希望你能少花点时间。