Angular应用中触发Alt+P键盘事件调用朗读扩展失败求助

你猜的没错——浏览器出于安全机制，脚本手动创建的KeyboardEvent的isTrusted属性是只读的，默认只能是false，而绝大多数浏览器扩展（包括你用的朗读工具）只会响应真实用户交互触发的可信事件，所以直接通过dispatchEvent模拟按键是行不通的。

给你两个可行的解决方向：

方向1：用原生Web Speech API替代扩展 #

如果不需要依赖第三方扩展，直接用浏览器原生的Web Speech API就能实现文本朗读，完全可控，不需要模拟键盘事件。在Angular里可以这么写：

组件代码 #

import { Component } from '@angular/core';

@Component({
  selector: 'app-text-speaker',
  templateUrl: './text-speaker.component.html'
})
export class TextSpeakerComponent {
  speakSelectedText() {
    // 获取选中的文本
    const selectedText = window.getSelection().toString().trim();
    if (!selectedText) {
      alert('请先选中要朗读的文本');
      return;
    }

    // 初始化语音合成实例
    const synth = window.speechSynthesis;
    if (synth.speaking) {
      synth.cancel(); // 如果正在朗读，先停止
    }

    // 创建朗读实例并配置参数
    const utterance = new SpeechSynthesisUtterance(selectedText);
    utterance.lang = 'zh-CN'; // 设置语言，英文可改为'en-US'
    utterance.rate = 1; // 语速，范围0.1-10
    utterance.volume = 1; // 音量，范围0-1
    utterance.pitch = 1; // 音调，范围0-2

    // 开始朗读
    synth.speak(utterance);
  }
}

模板代码 #

<button (click)="speakSelectedText()">朗读选中内容</button>

方向2：如果必须依赖原扩展，尝试和扩展通信 #

如果一定要用原来的朗读扩展，得看扩展是否提供了网页调用的API或者支持消息传递。比如Chrome扩展中，你可以通过chrome.runtime.sendMessage向扩展发送指令，让扩展内部触发朗读逻辑（而非模拟键盘事件）。

不过这需要扩展本身支持这种交互方式，你需要查看扩展的官方文档或者联系开发者确认。举个简单的Chrome扩展通信示例（仅作参考，具体参数需和扩展约定）：

Angular组件中发送消息 #

triggerExtensionRead() {
  if (window.chrome?.runtime) {
    // 向扩展发送消息，<扩展的ID>需要替换为实际扩展ID
    chrome.runtime.sendMessage('<扩展的ID>', { action: 'readSelectedText' }, (response) => {
      console.log('扩展响应:', response);
    });
  }
}

扩展侧添加监听（扩展的background.js） #

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  if (request.action === 'readSelectedText') {
    // 扩展内部执行朗读逻辑，直接调用自身的朗读函数即可
    sendResponse({ status: 'started' });
  }
});

总结：模拟键盘事件这条路走不通，要么换原生API实现，要么找扩展的官方调用方式。

内容的提问来源于stack exchange，提问作者Ali Jawad