在浏览器里直接写、跑、看 HTML：左侧源码框改代码，右侧预览区实时渲染，不用存文件、不用切到另一个标签找预览。支持上传现成的 .html 文件继续改、按桌面/平板/手机三种宽度预览，还能切到编辑模式直接改渲染出来的页面 —— 文字就地改，样式点选改（颜色、字号、内外边距）。桌面档在窄面板里默认只显示 39% 看不清时，预览区可以自由缩放：点放大按钮或用 Ctrl/⌘ + 滚轮就能盯住某个元素细看。
工具界面在页面加载完成后显示在本段下方，可以直接使用。所有计算都在你的浏览器本地完成，输入的内容不会上传到服务器。
在浏览器里直接写、跑、看 HTML：左侧源码框改代码，右侧预览区实时渲染，不用存文件、不用切到另一个标签找预览。支持上传现成的 .html 文件继续改、按桌面/平板/手机三种宽度预览，还能切到编辑模式直接改渲染出来的页面 —— 文字就地改，样式点选改（颜色、字号、内外边距）。桌面档在窄面板里默认只显示 39% 看不清时，预览区可以自由缩放：点放大按钮或用 Ctrl/⌘ + 滚轮就能盯住某个元素细看。
输入：
<style>h1{color:#18a058}</style><h1>你好</h1>输出：
预览区渲染出一个绿色的「你好」标题行内 <style> 与 <script> 都在预览里正常生效，预览用的就是浏览器自己的解析器
是示例，故意给一段带样式和按钮交互的完整 HTML，方便一进来就知道能做什么。直接在上面改，或点「清空」从零写。
自动同步。在编辑模式下改文字或样式后，过约 0.25 秒就会按当前 DOM 重新生成源码；切回源码模式时也会先同步一次，改动不会丢。
面板提供背景色、文字颜色、字号、字体粗细、文字对齐、内边距、外边距这七项，作用范围是选中的那一个元素。要改整份样式表（style 标签里的规则、类名、选择器），切到源码模式直接改代码即可。
在样式面板点「重置样式」，会清掉这个元素及其内部所有节点的内联样式，让它回到文档原本的样子（点之前会先问你一次）。要整块删掉就用旁边的「删除元素」。两个动作都会同步回源码，也可以切到源码模式手工改回来。
编辑态刻意拦掉了链接点击和表单提交，否则点到链接预览就被导航走，正在编辑的内容也没了。想试交互请切回源码模式，那边的预览是可交互的。
能。预览区右上角有一组缩放控件：点 + 放大、点 − 缩小、点中间的百分比可以直接选 50%～200%，「适应宽度」一键回到整屏。鼠标放在预览上按住 Ctrl（Mac 是 ⌘）滚动滚轮也能连续缩放。放大只是在屏幕上放大画面，预览的视口尺寸（1280 × N px）不变，所以能看到的内容不会变少；超过 100% 时预览区内部会出现滚动条，拖动看局部即可。
支持 .html 与 .htm。编码会按 BOM、UTF-8 严格匹配、文件里的 charset 声明、GB18030 的顺序自动识别，GBK / GB2312 存的老页面也能正常读出来。
不会。解析、渲染、复制、下载都在浏览器里完成，源码只存在本机。