如何在Chrome控制台模拟isTrusted=true的键盘事件实现自动化输入？

临时控制台操作方案（无需扩展） #

如果只是在Chrome控制台临时执行，优先用document.execCommand，它能模拟真实用户输入，触发网站所需的事件：

// 定位到目标<p>元素，比如用选择器匹配
const element = document.querySelector('p[contenteditable="true"]');
// 让元素获得焦点
element.focus();
// 插入指定文本，替换成你要输入的内容
document.execCommand('insertText', false, '需要输入的内容');

如果execCommand失效，可尝试手动修改内容并触发输入事件（部分网站可能不验证isTrusted）：

const element = document.querySelector('p[contenteditable="true"]');
// 修改文本内容
element.textContent += "a";
// 触发input事件，通知网站内容变更
element.dispatchEvent(new Event('input', {bubbles: true, cancelable: true}));

Chrome扩展方案（使用debugger API） #

你之前用chrome.debugger的方式有误，正确用法如下：

1. 更新manifest.json，添加debugger权限：

{
  "manifest_version": 3,
  "version": "1.0",
  "name" : "Teams",
  "permissions": [
    "activeTab",
    "debugger"
  ]
}

2. 正确调用debugger API，注意attach的参数是标签页ID，而非DOM元素：

// 获取当前激活标签页ID
chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
  const tabId = tabs[0].id;
  // 附加调试器到当前标签页
  chrome.debugger.attach({tabId}, "1.3", () => {
    // 发送字符输入命令，比如输入字母a
    chrome.debugger.sendCommand({tabId}, "Input.dispatchKeyEvent", {
      type: "char",
      text: "a"
    });
  });
});

注意：chrome.debugger属于敏感权限，发布扩展需要额外审核，且调试器不能同时被其他工具占用。

常见问题说明 #

• 直接用element.value无效：因为<p>不是标准表单控件，没有value属性，需修改textContent或innerHTML。
• 普通KeyboardEvent报错：浏览器会验证事件的isTrusted属性，通过dispatchEvent创建的事件该属性为false，多数第三方网站会过滤这类事件。

内容的提问来源于stack exchange，提问作者Aamod Thakur