document.title赋值可实时更新标签栏标题，但需确保dom加载完成；修改不影响history.state中的title，spa中需配合history.replacestate()；seo无效，须服务端输出正确；注意字符限制与转义。
document.title 赋值就能改，但要注意时机
直接给 document.title 赋新字符串，浏览器标签栏标题立刻更新，不需要刷新页面或额外 API。但若在 DOM 尚未加载完成时执行（比如脚本放在 里且没加 defer），虽然赋值成功，部分旧版 Safari 或某些嵌入式 WebView 可能不触发 UI 刷新——建议确保脚本在 DOMContentLoaded 后运行，或至少放在 前。
修改后不会影响 history.state 中的 title
调用 document.title = "新标题" 不会自动同步到当前 history 记录的 title 字段。这意味着：用户点击浏览器“后退”回到该页时，地址栏显示的仍是历史记录里存的老标题（除非你显式调用 history.replaceState() 更新）。常见于单页应用（SPA）路由切换场景：
document.title = "用户详情";
history.replaceState({ ...history.state }, "用户详情", location.href);
漏掉 replaceState() 这一行，就可能出现标签栏标题和 history 标题不一致的问题。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
SEO 和服务端渲染（SSR）下 document.title 无效
搜索引擎爬虫和部分静态预渲染工具（如 Next.js 的 getStaticProps 阶段）只读取 HTML 源码中的 <title></title> 内容，不会执行 JS。所以仅靠 document.title 动态改标题，对首屏 SEO 没有帮助。必须配合服务端输出正确的初始 <title></title>，或使用框架提供的 SSR/SSG 标题管理方案（如 React Helmet、Next.js 的 Head 组件）。
特殊字符和长度限制需手动处理
document.title 支持 Unicode，但浏览器标签栏实际显示受字体、系统 UI 和长度限制影响。Windows 任务栏通常截断超长标题（约 40–50 字符），macOS 更宽松些。另外，避免写入控制字符或未转义的 HTML 实体（如 <），它们不会被解析，而是原样显示：
- ✅ 推荐：
document.title = "订单 #12345 — 已支付"; - ❌ 避免：
document.title = "订单 <b>#12345</b>";（<b></b>会被当文字显示） - ⚠️ 注意：
document.title = "标题\x00结尾";中的空字符可能导致部分浏览器静默失败
动态拼接标题时，建议用 String.prototype.trim() 清理空格，并用 Math.min(title.length, 50) 截断过长内容——浏览器不会帮你做这些。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
