HTML 在线预览
在线 HTML / CSS / JavaScript 实时预览：左边写代码，右边即时渲染，可切换手机 / 平板 / 桌面宽度， 带控制台输出。代码只在浏览器里运行，不上传。适合快速试样式、调试小段脚本、给同事看效果。
预览
控制台
几点说明
预览用的是沙箱 iframe，脚本可以运行，但无法访问本站页面或你的其它标签页，安全隔离。 点击预览里的链接在新标签打开也受限，这是浏览器的沙箱行为。
「自动运行」开启后，编辑代码会稍作防抖后自动刷新预览；关闭后按「运行」或 Ctrl + Enter 手动刷新。
使用说明
在浏览器里实时编写并预览 HTML / CSS / JavaScript：左侧编辑，右侧沙箱 iframe 即时渲染，可切设备宽度、看控制台，代码不上传。
- 在左栏分别填写 HTML、CSS 与 JavaScript，右侧会即时渲染；开启「自动运行」时边写边刷新。
- 用「预览宽度」切换手机 / 平板 / 桌面尺寸，检查响应式效果。
- 下方「控制台」会显示 console.log 与运行错误，方便排查小段脚本。
- 需要带走成品时点「下载 HTML」，导出为一个可独立打开的 html 文件。
常见问题
- 预览里的脚本能访问本站页面吗？
- 不能。预览运行在沙箱 iframe 中，脚本可以运行，但被隔离，无法访问本站或你的其它标签页，这是出于安全考虑。
- 为什么样式在预览里生效、下载后却不生效？
- 下载的文件会把你写的 HTML、CSS、JS 合并进一个 html，并为三者各自包裹了标签。若你自行改了结构，注意别把 <style> / <script> 标签写重。
- Ctrl + Enter 没反应？
- 请确认焦点在编辑区或页面上，而不是浏览器的地址栏。也可以关闭「自动运行」后点「运行」按钮手动刷新。
- 能引入外部库（如 jQuery）吗？
- 可以在 HTML 里加 <script src="https://…"> 标签引入 CDN 库。注意外部资源能否加载取决于该站点的 CORS 与网络。