TikTok Studio自动化上传Bot最终发布步骤失败排查

问题重现 #

使用Selenium开发TikTok Studio上传页面批量视频上传Bot时，自动登录、页面打开、视频上传等步骤均正常完成，视频加载后红色“Post”按钮（德语显示为Beitrag）视觉上处于激活状态，但Selenium点击时触发ElementNotInteractableException，尝试过element_to_be_clickable等待、scrollIntoView滚动、JS点击、状态校验等方法仍无法解决，DOM中存在该元素但无法交互。

原代码片段：

try:
    # Locate post button
    post_button = wait.until(EC.presence_of_element_located((By.XPATH, '//button[contains(text(),"Beitrag")]')))
    
    # Scroll into view
    driver.execute_script("arguments[0].scrollIntoView(true);", post_button)
    time.sleep(1)

    if post_button.is_enabled():
        try:
            post_button.click()
            print("✅ Clicked normally")
        except Exception:
            # Fallback via JS
            driver.execute_script("arguments[0].click();", post_button)
            print("✅ JS click successful")
    else:
        print("❌ Button found but not active!")
except Exception as e:
    print("❌ Failed to click post button:", e)

针对性解决方案 #

1. 替换等待条件，确保元素真正可交互 #

presence_of_element_located仅确保元素存在于DOM，但不保证可点击。改用element_to_be_clickable，同时额外等待按钮的disabled属性消失：

from selenium.webdriver.support import expected_conditions as EC

# 等待元素可点击，同时等待disabled属性不存在
post_button = wait.until(EC.element_to_be_clickable((By.XPATH, '//button[contains(text(),"Beitrag")]')))
post_button = wait.until(lambda d: not d.find_element(By.XPATH, '//button[contains(text(),"Beitrag")]').get_attribute('disabled'))

2. 检查元素是否被遮挡 #

TikTok Studio页面可能存在透明浮层、加载遮罩或其他元素覆盖按钮，可通过JS验证按钮的可见性和可点击范围：

# 打印按钮的可见状态和位置信息
print("按钮可见：", post_button.is_displayed())
rect = driver.execute_script("return arguments[0].getBoundingClientRect();", post_button)
print(f"按钮位置：x={rect['x']}, y={rect['y']}, width={rect['width']}, height={rect['height']}")

# 检查是否有元素覆盖按钮
overlay = driver.execute_script("""
    var rect = arguments[0].getBoundingClientRect();
    var elements = document.elementsFromPoint(rect.x + rect.width/2, rect.y + rect.height/2);
    return elements.filter(el => el !== arguments[0]);
""", post_button)
if overlay:
    print("发现覆盖元素：", [el.tag_name for el in overlay])
    # 如果是临时遮罩，可尝试点击关闭或等待其消失
    for el in overlay:
        if el.is_displayed():
            try:
                el.click()
                time.sleep(0.5)
            except:
                pass

3. 优化元素定位器 #

文本定位可能因页面翻译、空格或动态文本失效，改用更稳定的属性组合定位（比如结合按钮的class、aria-label或data属性）：

# 示例：结合class和文本（需根据实际DOM调整class值）
post_button = wait.until(EC.element_to_be_clickable((By.XPATH, '//button[contains(@class, "css-175oi2r") and contains(text(),"Beitrag")]')))

# 或者使用aria-label属性（如果按钮有该属性）
post_button = wait.until(EC.element_to_be_clickable((By.XPATH, '//button[@aria-label="发布"]')))

4. 模拟真实用户交互路径 #

使用ActionChains模拟鼠标移动、悬停再点击的真实操作，避免被页面的交互检测拦截：

from selenium.webdriver.common.action_chains import ActionChains

# 先移动到按钮位置，悬停后点击
actions = ActionChains(driver)
actions.move_to_element(post_button).pause(0.5).click().perform()

5. 等待页面完全加载完成 #

视频上传后，页面可能仍在后台处理请求（比如生成缩略图、校验视频），需等待页面所有资源加载完成：

# 等待页面就绪状态为complete
wait.until(lambda d: d.execute_script("return document.readyState === 'complete'"))
# 额外等待视频处理完成（可根据页面加载指示器调整）
time.sleep(2)

调试技巧 #

• 点击前截图确认按钮状态：driver.save_screenshot("post_button_state.png")
• 打印按钮的所有属性，确认激活状态：print(post_button.get_attribute('outerHTML'))
• 使用浏览器开发者工具的Elements面板，检查按钮的disabled属性、pointer-events样式是否被设置为none

内容的提问来源于stack exchange，提问作者Bdbeb Keneeb