togotools.top 技术参考
技术参考
在浏览器本地美化和预览 HTML 代码，支持缩进风格、属性换行、换行宽度等选项，内置沙箱预览和设备模拟，所有处理不离开浏览器。
核心能力
- 一键美化 HTML 代码，支持空格/Tab 缩进、缩进宽度 1-8 可调。
- 可配置属性换行策略（自动/强制/对齐/保留等 7 种模式）。
- 内置沙箱预览模式，支持桌面/手机/平板等设备宽度模拟。
- 预览支持自动刷新、新窗口打开和手动刷新。
- 带语法高亮的代码编辑器，实时校验并提示错误行号。
示例：美化前后
美化只改变空白和换行。预览模式在沙箱 iframe 中渲染 HTML，支持脚本执行但不访问父页面。
<div><p>Hello</p><span>World</span></div>
<div>
<p>Hello</p>
<span>World</span>
</div>使用边界
- 基于 js-beautify HTML 引擎，不支持模板语法（如 Vue SFC、JSX）。
- 沙箱预览限制 allow-scripts 和 allow-forms，不允许访问父页面或同源存储。
- 设备模拟仅调整 iframe 宽度，不模拟触摸事件或 UA 字符串。
常见问题
预览模式安全吗？
预览在 sandbox 属性限制的 iframe 中渲染，仅允许脚本和表单，不能访问父页面 DOM 或同源 Cookie/Storage。
支持 Vue 或 React 模板吗？
当前仅支持标准 HTML 美化。Vue SFC、JSX 等模板语法可能不被正确解析。