"# \u5728node-red\u4e2d\u5b9e\u73b0\u97f3\u9891\u64ad\u653e\u52a8\u6001\u6587\u672c\uff0c\u53ca\u8f6e\u8be2\u5faa\u73af\u663e\u793aTab\n\n> 2023-02-09 | 2026-07-01\n> https:\/\/www.modbus.cn\/en\/11644.html\n\n**Node-RED**\n\n---\n\n## \u80cc\u666f\n\n\u4f5c\u4e3a\u4e00\u540d\u7814\u7a76Node-RED\u7684\u535a\u4e3b\uff0c\u7ecf\u5e38\u4f1a\u6709\u8bfb\u8005\u7559\u8a00\u5411\u6211\u8be2\u95ee\u4e00\u4e9b\u95ee\u9898\u7684\u89e3\u51b3\u65b9\u6848\u3002\n\u672c\u7bc7\u6587\u7ae0\u5c31\u8c08\u4e00\u8c08\u6700\u8fd1\u9047\u5230\u7684\u4e24\u4e2a\u95ee\u9898\uff0c\u6bd4\u8f83\u5178\u578b\u3002\u62ff\u51fa\u6765\u5206\u6790\u4e00\u4e0b\uff0c\u5927\u5bb6\u53ef\u4ee5\u5b66\u4e60\u5b66\u4e60\u3002\n\u4e00\u5171\u6709\u4e8c\u4e2a\u95ee\u9898\uff1a\n1\uff1a\u5728node-red\u4e2d\u5982\u4f55\u5b9e\u73b0\u8c03\u7528\u7cfb\u7edf\u97f3\u9891\u64ad\u653e\u52a8\u6001\u6587\u672c\uff1f\n2\uff1a\u5982\u4f55\u5b9e\u73b0dashboard\u4e2d\u76843\u4e2atab\u5faa\u73af\u663e\u793a\uff1f\n\n## \u95ee\u9898\u63cf\u8ff0\n\n\u7b2c\u4e00\u4e2a\u95ee\u9898\u662f\u8981\u4f7f\u7528\u8c03\u7528\u7cfb\u7edf\u7684\u97f3\u9891\u786c\u4ef6\u6765\u64ad\u653e\u52a8\u6001\u5185\u5bb9\uff0c\u8fd9\u79cd\u573a\u666f\u5f88\u5e38\u89c1\uff0c\u6bd4\u5982\u68c0\u6d4b\u5230\u4e00\u4e2a\u8bbe\u5907\u7684\u6e29\u5ea6\u8fc7\u9ad8\uff0c\u5728Node-RED\u63a5\u6536\u5230\u8bbe\u5907\u7684\u544a\u8b66\u540e\uff0c\u4f1a\u64ad\u653e\u8bbe\u5907\u7684\u62a5\u8b66\u97f3\u9891\u3002\u6bd4\u5982\u201c\u8bbe\u5907A\u6e29\u5ea6\u8fc7\u9ad8\uff0c\u8bf7\u53ca\u65f6\u5904\u7406\u3002\u201d\n\u901a\u8fc7\u97f3\u9891\u64ad\u653e\u6765\u4f20\u9012\u4fe1\u606f\uff0c\u8981\u6bd4\u4e00\u76f4\u76ef\u7740\u7535\u8111\u5c4f\u5e55\u6765\u7684\u5b9e\u5728\u3002\n\u8fd9\u4e2a\u95ee\u9898\u5982\u679c\u662f\u97f3\u9891\u6587\u4ef6\u7684\u8bdd\u5012\u4e0d\u96be\u89e3\u51b3\uff0c\u5728html\u4e2d\u6211\u4eec\u4f7f\u7528audio\u6765\u64ad\u653e\u97f3\u9891\uff0c\u53ea\u8981\u4f60\u7684\u7535\u8111\u6709\u64ad\u653e\u8bbe\u5907\uff0c\u5c31\u80fd\u53d1\u51fa\u58f0\u97f3\u3002\n\u4f46\u8fd9\u91cc\u8bf4\u7684\u662f\u8981\u64ad\u653e\u4e00\u6bb5\u6587\u672c\u3002\u4e00\u4e2a\u5b57\u7b26\u4e32\u6216\u6570\u5b57\u53d8\u91cf\u3002\u8fd9\u5c31\u9700\u8981\u67e5\u4e00\u4e0b\u8d44\u6599\u5566\u3002\n\n\u7b2c\u4e8c\u4e2a\u95ee\u9898\uff0c\u6211\u4eec\u5728\u4f7f\u7528dashboard\u5236\u4f5c\u5927\u5c4f\u663e\u793a\u65f6\u3002\u6709\u65f6\u4f1a\u6d89\u53ca\u591a\u4e2aTab\u7528\u6765\u5185\u5bb9\u7684\u5206\u7c7b\u663e\u793a\uff0c\u4e14\u9875\u9762\u540c\u4e00\u65f6\u95f4\u53ea\u80fd\u663e\u793a\u4e00\u4e2aTab\u3002\u8fd9\u5c31\u9700\u8981\u4e00\u79cd\u5faa\u73af\u663e\u793a\u6bcf\u4e2aTab\u7684\u673a\u5236\uff0c\u6765\u8ba9\u89c2\u5149\u67e5\u770b\u7684\u7528\u6237\u83b7\u53d6\u5b8c\u6574\u4fe1\u606f\u3002 \u6bd4\u5982\u6bcf\u96945\u79d2\u949f\uff0c\u5c31\u5207\u6362\u5230\u4e0b\u4e00\u4e2aTab\u9875\u3002\u8be5\u95ee\u9898\u6bd4\u8f83\u96be\u7684\u662f\uff0c\u5728node-red\u4e2d\u65e0\u6cd5\u63a7\u5236tab\u7684\u5207\u6362\uff0cdashboard\u8282\u70b9\u6ca1\u6709\u66b4\u9732\u51fa\u76f8\u5173\u7684\u914d\u7f6e\uff0c\u544a\u8bc9\u6211\u4eec\u5f53\u524d\u663e\u793a\u7684\u662f\u90a3\u4e2atab\uff0c\u5982\u4f55\u8df3\u8f6c\u5230\u67d0\u4e2a\u5177\u4f53\u7684tab\u3002\n\n\u5982\u4e0b\u56fe \u4e00\u4e2adashboard\u4e2d\u5b58\u5728\u591a\u4e2aTab\u3002\n![\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0](https:\/\/image.modbus.cn\/wp-content\/uploads\/2023\/02\/20250904174209108.png)\n\n## \u5b9e\u73b0\u601d\u8def\n\n\u7b2c\u4e00\u4e2a\u95ee\u9898\uff0c\u9700\u8981\u4f7f\u7528\u7684\u662fJavaScript API\u662f\n`speechSynthesis`\u4e0e`SpeechSynthesisUtterance`\n\n\u7f51\u9875\u8bed\u97f3API\u7684**SpeechSynthesis** \u63a5\u53e3\u662f\u8bed\u97f3\u670d\u52a1\u7684\u63a7\u5236\u63a5\u53e3\uff1b\u5b83\u53ef\u4ee5\u7528\u4e8e\u83b7\u53d6\u8bbe\u5907\u4e0a\u5173\u4e8e\u53ef\u7528\u7684\u5408\u6210\u58f0\u97f3\u7684\u4fe1\u606f\uff0c\u5f00\u59cb\u3001\u6682\u505c\u8bed\u97f3\uff0c\u6216\u9664\u6b64\u4e4b\u5916\u7684\u5176\u4ed6\u547d\u4ee4\u3002\n\n\u521b\u5efa\u5408\u6210\u58f0\u97f3\u9700\u8981SpeechSynthesisUtterance\u8fd9\u4e2a\u5bf9\u8c61\u3002\n\u5229\u7528\u5b83\u4f60\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5408\u6210\u7684\u58f0\u97f3\uff0c\u53ef\u4ee5\u4f7f\u7528\u53d8\u91cf\u6765\u63a7\u5236\u5408\u6210\u5269\u4f59\u7684\u901f\u5ea6\uff0c\u8bed\u8a00\uff0c\u97f3\u91cf\u7b49\u5c5e\u6027\u3002\n\u4e0b\u9762\u662f\u4e00\u4e2a\u975e\u5e38\u7b80\u5355\u7684\u793a\u4f8b\n\n```\nconst synth = window.speechSynthesis\nconst u = new SpeechSynthesisUtterance()\nu.lang = 'zh-CN'\nu.rate = 1\nu.text = '\u6842\u82b1\u9999'\nsynth.speak(u)\n\n```\n\n\u8fd9\u5c31\u662f\u7b2c\u4e00\u4e2a\u95ee\u9898\u7684\u7b54\u6848\uff0c\u5982\u679c\u8981\u64ad\u653e\u52a8\u6001\u5185\u5bb9\u7684\u8bdd\uff0c\u5185\u5bb9\u662f\u4ece\u54ea\u4e2a\u4e0a\u6e38\u4f20\u9012\u4e0b\u6765\u7684\uff0c\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528template\u76d1\u542c\u4e0a\u6e38\u7684msg\uff0c\u5728\u56de\u8c03\u51fd\u6570\u4e2d\u64ad\u653e\u52a8\u6001\u5185\u5bb9\u3002\n\u5982\u4e0b\n\n```\n<script>\n(function(scope) {\n  scope.$watch('msg', function(msg) {\n    if (msg) {\n      const synth = window.speechSynthesis\n      const u = new SpeechSynthesisUtterance()\n      u.lang = 'zh-CN'\n      u.rate = 1\n      u.text = 'msg.payload'\n      synth.speak(u)\n    }\n  });\n})(scope);\n<\/script>\n\n```\n\n\u7b2c\u4e8c\u4e2a\u95ee\u9898\uff0c\u7ecf\u8fc7\u67e5\u8be2\u8d44\u6599dashboard\u786e\u5b9e\u6ca1\u6709\u76f8\u5173\u8d44\u6599\uff0c\u4f46\u5728\u5207\u6362tab\u65f6\u6211\u53d1\u73b0\u9875\u9762\u7684url\u4e2d\u6709\u4e00\u90e8\u5206\u6539\u53d8\u4e86,\u786e\u5207\u8bf4\u662fhash\u90a3\u90e8\u5206\uff0c\u968f\u7740\u5207\u6362tab\u800c\u6539\u53d8\u3002\n\u8fd9\u610f\u5473\u7740\u6211\u4eec\u91cd\u5b9a\u5411\u5f53\u524d\u9875\u9762\uff0c\u6539\u53d8url\uff0c\u5c31\u80fd\u663e\u793a\u6211\u4eec\u60f3\u8981\u7684Tab\n\n\u5728tab\u4e2d\u7684template\u8282\u70b9\u4e2d\u6211\u4eec\u53ea\u9700\u8981\u5b9a\u65f6\u8df3\u8f6c\u5230\u4e0b\u4e00\u4e2atab\uff0c\u5c31\u80fd\u5f62\u6210\u4e00\u4e2a\u5faa\u73af\n\u5982\u4e0b\n\n```\n<script>\n  setTimeout(()=> {\n      location.href = '.\/#!\/1'\n  }, 2000)\n<\/script>\n\n```\n\n## \u5b8c\u6574\u4ee3\u7801\n\n```\n[{\"id\":\"a3cac8fa89348ff4\",\"type\":\"tab\",\"label\":\"\u6d41\u7a0b 1\",\"disabled\":false,\"info\":\"\"},{\"id\":\"ea401302bd11e20a\",\"type\":\"inject\",\"z\":\"a3cac8fa89348ff4\",\"name\":\"\",\"props\":[{\"p\":\"payload\"},{\"p\":\"topic\",\"vt\":\"str\"}],\"repeat\":\"\",\"crontab\":\"\",\"once\":false,\"onceDelay\":0.1,\"topic\":\"\",\"payloadType\":\"date\",\"x\":200,\"y\":120,\"wires\":[[\"1ed565c47e882d78\",\"05df5da79857332c\",\"96fef40df595e471\"]]},{\"id\":\"1ed565c47e882d78\",\"type\":\"ui_template\",\"z\":\"a3cac8fa89348ff4\",\"group\":\"cbb46b0d06d43956\",\"name\":\"Tab1\",\"order\":2,\"width\":0,\"height\":0,\"format\":\"tab1n<script>n    (function(scope) {n    scope.$watch('msg', function(msg) {n        if (msg) {n        const synth = window.speechSynthesisn        const u = new SpeechSynthesisUtterance()n        u.lang = 'zh-CN'n        u.rate = 1n        u.text = 'msg.payload'n        synth.speak(u)n        }n    });n})(scope);n    setTimeout(()=> {n        location.href = '.\/#!\/1'n    }, 2000)n<\/script>\",\"storeOutMessages\":true,\"fwdInMessages\":true,\"resendOnRefresh\":true,\"templateScope\":\"local\",\"x\":410,\"y\":120,\"wires\":[[]]},{\"id\":\"05df5da79857332c\",\"type\":\"ui_template\",\"z\":\"a3cac8fa89348ff4\",\"group\":\"13f004c6b59bc839\",\"name\":\"Tab2\",\"order\":0,\"width\":0,\"height\":0,\"format\":\"tab2n<script>n    setTimeout(()=> {n        location.href = '.\/#!\/2'n    }, 2000)n<\/script>\",\"storeOutMessages\":true,\"fwdInMessages\":true,\"resendOnRefresh\":true,\"templateScope\":\"local\",\"x\":410,\"y\":220,\"wires\":[[]]},{\"id\":\"96fef40df595e471\",\"type\":\"ui_template\",\"z\":\"a3cac8fa89348ff4\",\"group\":\"f8c018c8eb60cd75\",\"name\":\"Tab3\",\"order\":1,\"width\":0,\"height\":0,\"format\":\"tab3n<script>n    setTimeout(()=> {n        location.href = '.\/#!\/0'n    }, 2000)n<\/script>\",\"storeOutMessages\":true,\"fwdInMessages\":true,\"resendOnRefresh\":true,\"templateScope\":\"local\",\"x\":410,\"y\":320,\"wires\":[[]]},{\"id\":\"cbb46b0d06d43956\",\"type\":\"ui_group\",\"name\":\"g1\",\"tab\":\"d00f486ab56bd2ee\",\"order\":1,\"disp\":true,\"width\":\"6\",\"collapse\":false},{\"id\":\"13f004c6b59bc839\",\"type\":\"ui_group\",\"name\":\"g2\",\"tab\":\"84ef8f9a5d83da7d\",\"order\":1,\"disp\":true,\"width\":\"6\",\"collapse\":false},{\"id\":\"f8c018c8eb60cd75\",\"type\":\"ui_group\",\"name\":\"Default\",\"tab\":\"d2e2e3a672a99ef1\",\"order\":1,\"disp\":true,\"width\":\"6\",\"collapse\":false},{\"id\":\"d00f486ab56bd2ee\",\"type\":\"ui_tab\",\"name\":\"Home\",\"icon\":\"dashboard\",\"disabled\":false,\"hidden\":false},{\"id\":\"84ef8f9a5d83da7d\",\"type\":\"ui_tab\",\"name\":\"Home2\",\"icon\":\"dashboard\",\"disabled\":false,\"hidden\":false},{\"id\":\"d2e2e3a672a99ef1\",\"type\":\"ui_tab\",\"name\":\"Home3\",\"icon\":\"dashboard\",\"disabled\":false,\"hidden\":false}]\n\n```\n\n## \u603b\u7ed3\n\n\u9047\u5230\u95ee\u9898\u8981\u5584\u4e8e\u67e5\u9605\u6587\u6863\uff0c\u4f18\u5148\u67e5\u5b98\u65b9\u6587\u6863\uff0c\u5b98\u65b9\u6ca1\u6709\u7684\u8bdd\uff0c\u5c31\u8981\u597d\u597d\u5229\u7528\u641c\u7d22\u5f15\u64ce\uff0c\u6700\u540e\u8981\u52a0\u4e0a\u654f\u9510\u7684\u89c2\u5bdf\uff0c\u4e86\u89e3\u4e8b\u7269\u4e4b\u95f4\u7684\u8054\u7cfb\uff0c\u65b9\u80fd\u8fbe\u5230\u65e0\u60d1\u5883\u754c\u3002\n\n## \u76f8\u5173\u94fe\u63a5\n\n[SpeechSynthesis](https:\/\/developer.mozilla.org\/zh-CN\/docs\/Web\/API\/SpeechSynthesis)\n\n[SpeechSynthesisUtterance](https:\/\/developer.mozilla.org\/zh-CN\/docs\/Web\/API\/SpeechSynthesisUtterance)\n\n---\n*modbus.cn*\n"