dy私信赋值内容

抖音私信赋值内容 抖音自动化-实现给特定用户发私信

在控制台执行js代码， 给这里面的输入框赋值，并且让它监测到改变

以下是可直接在控制台执行的JS代码，专门针对你提供的富文本结构进行赋值并触发变更检测（基于Draft.js编辑器特性）：

// 定位富文本核心元素
const block = document.querySelector('div[data-offset-key="foo-0-0"].public-DraftStyleDefault-block');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');

if (block && editor) {
    // 1. 清空原有内容并设置新值（保持DOM结构一致）
    block.innerHTML = `
        <span data-offset-key="foo-0-0">
            <span data-text="true">这里是要设置的内容</span>
        </span>
    `;

    // 2. 模拟光标聚焦（编辑器需要感知焦点状态）
    editor.focus();
    // 定位光标到内容末尾（关键步骤）
    const selection = window.getSelection();
    const range = document.createRange();
    range.setStartAfter(block.querySelector('[data-text="true"]'));
    range.setEndAfter(block.querySelector('[data-text="true"]'));
    selection.removeAllRanges();
    selection.addRange(range);

    // 3. 触发编辑器识别的事件链（核心逻辑）
    ['input', 'change', 'keyup'].forEach(eventType => {
        const event = new Event(eventType, {
            bubbles: true,
            cancelable: true,
            composed: true
        });
        editor.dispatchEvent(event);
    });

    // 4. 模拟输入完成（可选）
    editor.blur();

    console.log('赋值成功，已触发编辑器变更检测');
} else {
    console.error('未找到目标富文本元素，请检查选择器是否正确');
}

// 定位富文本核心元素 
const block = document.querySelector('div[class*="public-DraftStyleDefault-block"][data-offset-key*="-0-0"]');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');

if (block && editor) {
    // 1. 清空原有内容并设置新值（保持DOM结构一致）
    block.innerHTML = `
        <span data-offset-key="foo-0-0">
            <span data-text="true">这里是要设置的内容3</span>
        </span>
    `;

    // 2. 模拟光标聚焦（编辑器需要感知焦点状态）
    editor.focus();
    // 定位光标到内容末尾（关键步骤）
    const selection = window.getSelection();
    const range = document.createRange();
    range.setStartAfter(block.querySelector('[data-text="true"]'));
    range.setEndAfter(block.querySelector('[data-text="true"]'));
    selection.removeAllRanges();
    selection.addRange(range);

    // 3. 触发编辑器识别的事件链（核心逻辑）
    ['input', 'change', 'keyup'].forEach(eventType => {
        const event = new Event(eventType, {
            bubbles: true,
            cancelable: true,
            composed: true
        });
        editor.dispatchEvent(event);
    });

    // 4. 模拟输入完成（可选）
    editor.blur();

    console.log('赋值成功，已触发编辑器变更检测');
} else {
    console.error('未找到目标富文本元素，请检查选择器是否正确');
}

使用说明：

1. 直接复制上述代码到浏览器控制台（F12打开）
2. 将这里是要设置的内容替换为你需要的文本
3. 执行代码即可

核心原理：

• 严格遵循Draft.js的DOM结构要求，用<span data-text="true">包裹文本
• 通过window.getSelection()设置光标位置，模拟真实输入后的光标状态
• 触发input（内容变更）、change（数据同步）、keyup（输入完成）事件链，确保编辑器内部状态更新

如果执行后内容未生效，可能是因为页面有动态加载延迟，可尝试刷新页面后重新执行。

// 定位富文本核心元素
const block = document.querySelector('div[data-offset-key="foo-0-0"].public-DraftStyleDefault-block');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');

if (block && editor) {
    // 1. 清空原有内容并设置新值（保持DOM结构一致）
    block.innerHTML = `
        <span data-offset-key="foo-0-0">
            <span data-text="true">这里是要设置的内容</span>
        </span>
    `;

    // 2. 模拟光标聚焦（编辑器需要感知焦点状态）
    editor.focus();
    // 定位光标到内容末尾（关键步骤）
    const selection = window.getSelection();
    const range = document.createRange();
    range.setStartAfter(block.querySelector('[data-text="true"]'));
    range.setEndAfter(block.querySelector('[data-text="true"]'));
    selection.removeAllRanges();
    selection.addRange(range);

    // 3. 触发编辑器识别的事件链（核心逻辑）
    ['input', 'change', 'keyup'].forEach(eventType => {
        const event = new Event(eventType, {
            bubbles: true,
            cancelable: true,
            composed: true
        });
        editor.dispatchEvent(event);
    });

    // 4. 模拟输入完成（可选）
    editor.blur();

    console.log('赋值成功，已触发编辑器变更检测');
} else {
    console.error('未找到目标富文本元素，请检查选择器是否正确');
}

加强版 去除空白行

// 定位富文本元素（模糊匹配offsetKey）
const block = document.querySelector('div[class*="public-DraftStyleDefault-block"][data-offset-key*="-0-0"]');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');
const message = "你好啊"; // 引入外部变量

if (block && editor) {{
    // 动态获取当前block的offsetKey（适配动态变化）
    const offsetKey = block.getAttribute('data-offset-key');
    
    // 设置内容为message（单行字符串避免空白行）
    block.innerHTML = `<span data-offset-key="${{offsetKey}}"><span data-text="true">${{message}}</span></span>`;

    // 聚焦并定位光标到内容末尾
    editor.focus();
    const selection = window.getSelection();
    const range = document.createRange();
    const textNode = block.querySelector('[data-text="true"]');
    range.setStartAfter(textNode);
    range.setEndAfter(textNode);
    selection.removeAllRanges();
    selection.addRange(range);

    // 触发事件链
    ['input', 'change', 'keyup'].forEach(eventType => {{
        const event = new Event(eventType, {{
            bubbles: true,
            cancelable: true,
            composed: true
        }});
        editor.dispatchEvent(event);
    }});

    editor.blur();
    console.log('赋值成功，无空白行，已适配动态offsetKey');
}} else {{
    console.error('未找到目标富文本元素');
}}

// 定位富文本元素（模糊匹配offsetKey）
const block = document.querySelector('div[class*="public-DraftStyleDefault-block"][data-offset-key*="-0-0"]');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');

if (block && editor) {
    // 动态获取当前block的offsetKey（适配动态变化）
    const offsetKey = block.getAttribute('data-offset-key');
    
    // 设置内容（单行字符串避免空白行）
    block.innerHTML = `<span data-offset-key="${offsetKey}"><span data-text="true">你好</span></span>`;

    // 聚焦并定位光标到内容末尾
    editor.focus();
    const selection = window.getSelection();
    const range = document.createRange();
    const textNode = block.querySelector('[data-text="true"]');
    range.setStartAfter(textNode);
    range.setEndAfter(textNode);
    selection.removeAllRanges();
    selection.addRange(range);

    // 触发事件链
    ['input', 'change', 'keyup'].forEach(eventType => {
        const event = new Event(eventType, {
            bubbles: true,
            cancelable: true,
            composed: true
        });
        editor.dispatchEvent(event);
    });

    editor.blur();
    console.log('赋值成功，无空白行，已适配动态offsetKey');
} else {
    console.error('未找到目标富文本元素');
}

// 定位富文本元素（模糊匹配offsetKey）
const block = document.querySelector('div[data-offset-key^="foo-"].public-DraftStyleDefault-block');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');

if (block && editor) {
    // 动态获取当前block的offsetKey（适配动态变化）
    const offsetKey = block.getAttribute('data-offset-key');
    
    // 设置内容（单行字符串避免空白行）
    block.innerHTML = `<span data-offset-key="${offsetKey}"><span data-text="true">在干嘛</span></span>`;

    // 聚焦并定位光标到内容末尾
    editor.focus();
    const selection = window.getSelection();
    const range = document.createRange();
    const textNode = block.querySelector('[data-text="true"]');
    range.setStartAfter(textNode);
    range.setEndAfter(textNode);
    selection.removeAllRanges();
    selection.addRange(range);

    // 触发事件链
    ['input', 'change', 'keyup'].forEach(eventType => {
        const event = new Event(eventType, {
            bubbles: true,
            cancelable: true,
            composed: true
        });
        editor.dispatchEvent(event);
    });

    editor.blur();
    console.log('赋值成功，无空白行，已适配动态offsetKey');
} else {
    console.error('未找到目标富文本元素');
}

点击发送

(() => {
    // 类名包含匹配（兼容动态类名）
    const sendBtn = document.querySelector('span[class*="PygT7Ced"][class*="e2e-send-msg-btn"]');
    
    if (sendBtn && sendBtn.getAttribute('disabled') !== 'true' && sendBtn.getAttribute('aria-disabled') !== 'true') {
        sendBtn.click();
        return true;
    }
    return false;
})();

另外两种方法 使用库

在 DrissionPage（基于 Chromium 的自动化库）中，没有类似 Selenium 的 sendKeys() 方法直接作用于普通 <div> 元素，尤其是像 Draft.js 中的：

<div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr">...</div>

这类元素本身 不是原生可输入控件（如 <input> 或 <textarea>），而只是富文本编辑器内部的结构块。

---

❌ 错误理解：不能对 block div 直接“输入”

你提到的 Selenium 写法：

driver.findElement(By.xpath("//div[@class='...']")).sendKeys(content);

即使在 Selenium 中也是无效的（除非该 div 恰好是 contenteditable 容器本身），更不用说在 DrissionPage 中。

⚠️ public-DraftStyleDefault-block 只是一个段落容器，真正的可编辑区域是它的祖先元素——那个带有 contenteditable="true" 的 div。

---

✅ 正确做法（DrissionPage）

你需要：

1. 定位到真正的 contenteditable="true" 的编辑器根容器；
2. 使用 .input() 或 .type() 方法向其输入内容；
3. （可选）若框架未响应，辅以 JS 注入 + 触发事件。

---

✅ 推荐方案一：直接对可编辑容器 .input()

from DrissionPage import ChromiumPage

page = ChromiumPage()

# 1. 点击/聚焦到编辑器（确保获得焦点）
editor = page.ele('css:div[contenteditable="true"][role="textbox"]')
editor.click()

# 2. 直接输入文本（DrissionPage 会模拟用户打字）
editor.input("你好")  # 或 editor.type("你好")

✅ input() 和 type() 在 DrissionPage 中对 contenteditable 元素是支持的，底层会触发正确的 DOM 事件（包括 input、keydown 等），Draft.js 通常能正常识别。

---

✅ 方案二：如果 .input() 无效（极端情况），用 JS 强制注入

def set_draft_content(page, text):
    # 定位编辑器容器
    editor = page.ele('css:div[contenteditable="true"][role="textbox"]')
    if not editor:
        print("❌ 未找到编辑器")
        return False

    # 构造合法 Draft.js 结构并触发 input 事件
    js = '''
    const el = arguments[0];
    const txt = arguments[1];
    
    // 清空并构建最小有效结构
    el.innerHTML = `
      <div data-contents="true">
        <div data-block="true" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr">
          <span data-text="true">${txt}</span>
        </div>
      </div>
    `;
    
    // 触发关键事件
    el.dispatchEvent(new Event('input', { bubbles: true }));
    el.focus();
    '''

    page.run_js(js, editor, text)
    return True

# 使用
set_draft_content(page, "你好")

---

🔍 如何定位编辑器？

常见选择器（根据平台调整）：

平台	推荐选择器
抖音私信	css:.im-richtext-container div[contenteditable="true"]
通用 Draft.js	css:div[contenteditable="true"][role="textbox"]
备用	xpath://div[@contenteditable='true']

---

❌ 不要这样做

# 错误！block div 不可输入
block = page.ele('css:.public-DraftStyleDefault-block')
block.input("你好")  # 无效，可能报错或无反应

---

✅ 总结

问题	解答
DrissionPage 有类似 sendKeys 吗？	有，叫 .input() 或 .type()，但只能用于可聚焦元素
能对 public-DraftStyleDefault-block 输入吗？	❌ 不能，它只是内部结构
应该对哪个元素操作？	✅ 对 div[contenteditable="true"] 操作
输入后 Draft.js 能感知吗？	✅ 用 .input() 通常可以；不行就用 JS 注入 + dispatchEvent('input')

---

💡 最佳实践

# 1. 点击激活编辑器
page.ele('css:div[contenteditable="true"]').click()

# 2. 输入内容
page.ele('css:div[contenteditable="true"]').input("你好")

# 3. （可选）点击发送按钮
page.ele('text=发送').click()

这样就能在抖音、知乎等网站稳定自动化发送消息 ✅。