TemperMonkey用于通义千问网页版回答完毕自动朗读的脚本代码

本文主要是介绍TemperMonkey用于通义千问网页版回答完毕自动朗读的脚本代码，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

// ==UserScript==
// @name         通义千问回答完毕-朗读结果
// @namespace    http://tampermonkey.net/
// @version      2024-04-26
// @description  try to take over the world!
// @author       You
// @match        https://tongyi.aliyun.com/qianwen*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=aliyun.com
// @require      http://libs.baidu.com/jquery/2.0.0/jquery.min.js
// @grant        none
// ==/UserScript==(function() {'use strict';// Your code here...// 获取目标div元素const targetDiv = document.querySelector('div.operateBtn--zFx6rSR0');// 记录初始class值let previousClass = targetDiv.className;var msg;var $tooltip;// 创建一个MutationObserver实例，传入回调函数const observer = new MutationObserver((mutationsList, observer) => {for (let mutation of mutationsList) {if (mutation.type === 'attributes' && mutation.attributeName === 'class') {const newClass = targetDiv.className;if (previousClass !== newClass) {if(["operateBtn", " ", "stop"].every(a => previousClass.includes(a))){$tooltip.remove();msg=new SpeechSynthesisUtterance("通义千问："+$("div.tongyi-ui-markdown:last").text()+"回答完毕。");//msg.pitch=0;speechSynthesis.speak(msg);};previousClass = newClass; // 更新记录的class值if(["operateBtn", " ", "stop"].every(a => newClass.includes(a))){speechSynthesis.cancel();}}}}});// 配置观察选项（观察class属性变化）const config = { attributes: true, attributeFilter: ['class'] };// 开始观察目标节点observer.observe(targetDiv, config);//navigator.clipboard.writeText("speechSynthesis.cancel()");var obj_ta=$("textarea.ant-input.textarea--g7EUvnQR");obj_ta.on('keydown', function(event) {if(obj_ta.val()==""){// 检查按下的是否是回车键（keyCode 13 或 which 13）if (event.keyCode === 13 || event.which === 13) {speechSynthesis.cancel();}}else{//无效？(2024-5-7 19:58:21)// 检查按下的是否是回车键（keyCode 13 或 which 13）if ((event.keyCode === 13 || event.which === 13) && !event.shiftKey) {/*msg=new SpeechSynthesisUtterance("稍等。");//msg.pitch=0;speechSynthesis.speak(msg);*/// 创建一个提示框元素$tooltip = $(`<div class='tooltip' style='position: fixed;top: 70%;left: 55%;transform: translate(-50%, -50%);
z-index: 1000;padding: 10px;background-color: white;color: yellow;border-radius: 5px;text-align: center;font-size:30px;'>
请等待，生成中，生成时间不确定，完毕自动朗读（在输入框输入回车键可停止朗读）。</div>`);// 将提示框添加到页面中，可以根据需要调整位置，这里假设添加到body中$("body").append($tooltip);// 设置一个定时器，让提示框在一段时间后自动消失}}});
})();