{"id":2847,"date":"2026-06-04T22:49:34","date_gmt":"2026-06-04T14:49:34","guid":{"rendered":"https:\/\/cocozq.com\/?p=2847"},"modified":"2026-06-04T22:49:34","modified_gmt":"2026-06-04T14:49:34","slug":"tauri-%e5%ba%94%e7%94%a8%e7%aa%97%e5%8f%a3%e6%a0%87%e9%a2%98%e5%9b%bd%e9%99%85%e5%8c%96%ef%bc%9a%e5%8a%a8%e6%80%81%e5%88%87%e6%8d%a2%e8%af%ad%e8%a8%80%e6%97%b6%e6%a0%87%e9%a2%98%e4%b8%8d%e6%9b%b4","status":"publish","type":"post","link":"https:\/\/cocozq.com\/?p=2847","title":{"rendered":"Tauri \u5e94\u7528\u7a97\u53e3\u6807\u9898\u56fd\u9645\u5316\uff1a\u52a8\u6001\u5207\u6362\u8bed\u8a00\u65f6\u6807\u9898\u4e0d\u66f4\u65b0\u7684\u6392\u67e5\u4e0e\u89e3\u51b3"},"content":{"rendered":"

Tauri \u5e94\u7528\u7a97\u53e3\u6807\u9898\u56fd\u9645\u5316\uff1a\u52a8\u6001\u5207\u6362\u8bed\u8a00\u65f6\u6807\u9898\u4e0d\u66f4\u65b0\u7684\u6392\u67e5\u4e0e\u89e3\u51b3<\/h1>\n

\u95ee\u9898\u63cf\u8ff0<\/h2>\n

\u5728 Tauri v2 \u5e94\u7528\u4e2d\u5b9e\u73b0\u56fd\u9645\u5316\uff08i18n\uff09\u540e\uff0c\u5207\u6362\u8bed\u8a00\u65f6\u9875\u9762\u5185\u5bb9\u6b63\u5e38\u5207\u6362\uff0c\u4f46\u539f\u751f\u7a97\u53e3\u6807\u9898\u680f\u59cb\u7ec8\u4e0d\u53d8<\/strong>\uff0c\u505c\u7559\u5728\u521d\u59cb\u8bed\u8a00\u3002<\/p>\n

\u6839\u56e0\u5206\u6790<\/h2>\n

\u6d89\u53ca\u4e09\u4e2a\u5c42\u9762\u7684\u95ee\u9898\uff0c\u9700\u9010\u4e00\u89e3\u51b3\uff1a<\/p>\n

1. document.title<\/code> \u65e0\u6cd5\u66f4\u65b0\u539f\u751f\u7a97\u53e3\u6807\u9898<\/h3>\n

Tauri \u7684\u7a97\u53e3\u6807\u9898\u662f\u64cd\u4f5c\u7cfb\u7edf\u539f\u751f\u63a7\u4ef6\uff0cdocument.title<\/code> \u53ea\u4fee\u6539 webview \u5185\u90e8\u7684 document \u6807\u9898\uff0c\u4e0d\u4f1a\u540c\u6b65\u5230\u539f\u751f\u7a97\u53e3\u6807\u9898\u680f<\/strong>\u3002<\/p>\n

\/\/ \u274c \u65e0\u6548 - \u53ea\u6539\u4e86 webview \u5185\u90e8\u6807\u9898\ndocument.title = t(\"app.name\");\n<\/code><\/pre>\n
\u5fc5\u987b\u4f7f\u7528 Tauri Window API\uff1a<\/strong><\/p>\n
import { getCurrentWindow } from \"@tauri-apps\/api\/window\";\ngetCurrentWindow().setTitle(t(\"app.name\"));\n<\/code><\/pre>\n
2. \u7f3a\u5c11 Tauri \u6743\u9650\u5bfc\u81f4 API \u9759\u9ed8\u5931\u8d25<\/h3>\n
Tauri v2 \u7684\u6743\u9650\u7cfb\u7edf\u8981\u6c42\u663e\u5f0f\u58f0\u660e\u7a97\u53e3\u64cd\u4f5c\u6743\u9650\u3002\u672a\u6388\u6743\u65f6\uff0csetTitle()<\/code> \u8c03\u7528\u4e0d\u4f1a\u62a5\u9519\uff0c\u800c\u662f\u9759\u9ed8\u5ffd\u7565<\/strong>\uff0c\u8fd9\u662f\u6700\u96be\u6392\u67e5\u7684\u4e00\u70b9\u3002<\/p>\n
\u89e3\u51b3\uff1a<\/strong> \u5728 src-tauri\/capabilities\/default.json<\/code> \u4e2d\u6dfb\u52a0\u6743\u9650\uff1a<\/p>\n
{\n  \"permissions\": [\n    \"core:window:allow-set-title\"\n  ]\n}\n<\/code><\/pre>\n
\n  \u5173\u952e\u63d0\u793a\uff1a<\/strong> Tauri v2 \u7684\u6743\u9650\u7cfb\u7edf\u5bf9\u672a\u6388\u6743\u8c03\u7528\u91c7\u7528\u9759\u9ed8\u5ffd\u7565\u7b56\u7565\uff0c\u4e0d\u4f1a\u629b\u51fa\u5f02\u5e38\u6216\u8f93\u51fa\u8b66\u544a\uff0c\u6781\u6613\u8bef\u5224\u4e3a API \u672c\u8eab\u7684\u95ee\u9898\u3002\n<\/p><\/blockquote>\n
3. setTitle<\/code> \u653e\u5728\u4e86\u975e\u5168\u5c40\u7ec4\u4ef6\u4e2d<\/h3>\n
\u5f53\u4f7f\u7528\u8def\u7531\u5207\u6362\u9875\u9762\u65f6\uff08\u5982\u4ece\u4e3b\u9875\u8fdb\u5165\u8bbe\u7f6e\u9875\uff09\uff0c\u5982\u679c setTitle<\/code> \u7684\u903b\u8f91\u653e\u5728\u67d0\u4e2a\u8def\u7531\u7ec4\u4ef6\u4e2d\uff0c\u5207\u6362\u5230\u5176\u4ed6\u8def\u7531\u540e\u8be5\u7ec4\u4ef6\u5378\u8f7d\uff0cuseEffect<\/code> \u4e0d\u518d\u89e6\u53d1\u3002<\/p>\n
\/\/ \u274c MainWindow \u53ea\u5728\u9996\u9875\u8def\u7531\u6e32\u67d3\uff0c\u8bbe\u7f6e\u9875\u4e0d\u6e32\u67d3\nfunction App() {\n  if (routePath === \"#\/settings\") return <SettingsPanel \/>;\n  return <MainWindow \/>;  \/\/ setTitle \u5728\u8fd9\u91cc\uff0c\u8bbe\u7f6e\u9875\u4e0d\u89e6\u53d1\n}\n<\/code><\/pre>\n
\u89e3\u51b3\uff1a<\/strong> \u5c06 setTitle<\/code> \u903b\u8f91\u653e\u5728\u59cb\u7ec8\u6e32\u67d3\u7684\u9876\u5c42\u7ec4\u4ef6\u4e2d\uff1a<\/p>\n
\/\/ \u2705 App \u7ec4\u4ef6\u59cb\u7ec8\u6e32\u67d3\uff0c\u65e0\u8bba\u5f53\u524d\u8def\u7531\nfunction App() {\n  const { t } = useTranslation();\n  const appTitle = t(\"app.name\");\n\n  useEffect(() => {\n    getCurrentWindow().setTitle(appTitle);\n  }, [appTitle]);\n\n  \/\/ ...\u8def\u7531\u903b\u8f91\n}\n<\/code><\/pre>\n
\u5b8c\u6574\u89e3\u51b3\u65b9\u6848<\/h2>\n
\u6b65\u9aa4 1\uff1a\u6dfb\u52a0\u6743\u9650<\/h3>\n
src-tauri\/capabilities\/default.json<\/code>\uff1a<\/p>\n
{\n  \"permissions\": [\n    \"core:window:allow-set-title\"\n  ]\n}\n<\/code><\/pre>\n
\u6b65\u9aa4 2\uff1a\u5728\u9876\u5c42\u7ec4\u4ef6\u4e2d\u8bbe\u7f6e\u6807\u9898<\/h3>\n
import { getCurrentWindow } from \"@tauri-apps\/api\/window\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction App() {\n  const { t } = useTranslation();\n  const appTitle = t(\"app.name\");\n\n  useEffect(() => {\n    getCurrentWindow().setTitle(appTitle);\n  }, [appTitle]);\n\n  \/\/ ...\n}\n<\/code><\/pre>\n
\u6b65\u9aa4 3\uff1a\u9ed8\u8ba4\u6807\u9898\u914d\u7f6e<\/h3>\n
src-tauri\/tauri.conf.json<\/code> \u4e2d\u8bbe\u7f6e\u9ed8\u8ba4\u6807\u9898\uff08\u5e94\u7528\u542f\u52a8\u65f6\u663e\u793a\uff0cJS \u52a0\u8f7d\u524d\u53ef\u89c1\uff09\uff1a<\/p>\n
{\n  \"app\": {\n    \"windows\": [\n      { \"title\": \"\u53ef\u53ef\u622a\u56fe\" }\n    ]\n  }\n}\n<\/code><\/pre>\n
\u6392\u67e5\u6e05\u5355<\/h2>\n\n\n\n\n\n\n\n\n\n
\u68c0\u67e5\u9879<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
\u662f\u5426\u4f7f\u7528\u4e86 getCurrentWindow().setTitle()<\/code><\/td>\ndocument.title<\/code> \u5bf9\u539f\u751f\u6807\u9898\u680f\u65e0\u6548<\/td>\n<\/tr>\n
\u662f\u5426\u6dfb\u52a0\u4e86 core:window:allow-set-title<\/code> \u6743\u9650<\/td>\nTauri v2 \u672a\u6388\u6743\u8c03\u7528\u9759\u9ed8\u5931\u8d25<\/td>\n<\/tr>\n
setTitle<\/code> \u662f\u5426\u5728\u59cb\u7ec8\u6e32\u67d3\u7684\u7ec4\u4ef6\u4e2d<\/td>\n\u8def\u7531\u5207\u6362\u53ef\u80fd\u5bfc\u81f4\u7ec4\u4ef6\u5378\u8f7d<\/td>\n<\/tr>\n
useEffect<\/code> \u4f9d\u8d56\u662f\u5426\u5305\u542b\u7ffb\u8bd1\u7ed3\u679c<\/td>\n\u4f9d\u8d56 t(\"app.name\")<\/code> \u7684\u8fd4\u56de\u503c\u800c\u975e i18n.language<\/code><\/td>\n<\/tr>\n
tauri.conf.json<\/code> \u9ed8\u8ba4\u6807\u9898\u662f\u5426\u5408\u7406<\/td>\nJS \u52a0\u8f7d\u524d\u663e\u793a\u7684\u521d\u59cb\u6807\u9898<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\u9002\u7528\u8303\u56f4<\/h2>\n