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

星尘库2025-11-09 8:15

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;
})();
相关推荐
JavaGuide30 分钟前
NVIDIA 又开源了！这次给 AI Agent 加上权限管控
前端·后端
excel40 分钟前
prisma 如何处理数据库竞态
前端·数据库·后端
莪_幻尘2 小时前
Skill 体检：30 个 Skill 全凭感觉？体检器先自曝了 8 个“假 0 分
前端·人工智能·llm
风骏时光牛马2 小时前
AI模型综合能力评测：性能、指令遵循与多场景实测对比
前端
Frag0ut2 小时前
Chrome与Chromium内核浏览器在Windows 11上的新特性全景解析
前端·chrome·windows·web安全·chromium·gemini ai·playready drm
hiahiahia1233 小时前
实现完整 Tool Dispatcher
开发语言·前端
IT_陈寒3 小时前
Java线程池这破玩意，差点让我周末加班排查到凌晨
前端·人工智能·后端
Mr_Mao3 小时前
告别选型困难！集 VueUse、ahooks、Mantine 于一身：286 个 Hook 的 ReaUse 来了
前端·javascript·react.js
泡海椒4 小时前
趋势分析报表：jquick-pdf折线图PDF生成实战
java·大数据·运维·服务器·前端·pdf
默_笙5 小时前
🚙 一条腿走路会摔：ES 关键词检索、混合召回与 ReRank 裁判
前端·javascript
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单（含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等）02历年考研数学一、数学二、数学三真题试卷及答案PDF03Telegram APK 下载安装完整指南 — 2026年最新04GitHub 镜像站点05蜘蛛磁力 搜索引擎大全，如何使用蜘蛛磁力查找磁力链接062026 爱知・名古屋亚运会怎么看？直播平台+赛程安排分享072026 年 9 月国内外主流大模型横向硬核评测：价格、算力、业务场景全维度对比，GPT‑6 Astra横空出世08给AI一张“业务概念地图“：本体如何从哲学走向企业智能09微信历史版本含下载地址（ Windows PC | 安卓 | MAC ）及设置微信不更新10jev-ultrafast 深度解析：7 秒订机票的浏览器 Agent 是如何炼成的