HTML在线编辑器(实时预览)
在左边写代码,右边立即显示效果。
输入的文字和文件不会发送到服务器,只在本浏览器中处理。
Tab键用于缩进(2个空格)。要跳到下一个控件,请先按Esc再按Tab。
预览
使用方法
- 在左侧输入HTML,<style>里的CSS和<script>里的JavaScript也会一起运行。
- 开启「边写边自动刷新」后,每次停下输入预览都会重新渲染。代码较重时可以关掉,改用「刷新预览」。
- 把「预览宽度」切换为手机或平板,检查响应式布局。
- 写好后点击「下载」保存为index.html文件,或点击「复制」带走代码。
常见问题
预览中的脚本安全吗?
预览运行在沙箱iframe中(只允许allow-scripts),无法访问本站的Cookie和本地存储,弹窗和表单提交也会被拦截。不过来源不明的代码仍然不要随便粘贴。
写的代码会保存吗?
不会。关闭或刷新页面后代码就会消失,也不会发送到服务器。需要保留的话请记得下载或复制。
能引用外部CSS、JS文件或图片吗?
可以通过<link>、<script src>、<img>引用https地址的文件。本地电脑上的文件路径会被浏览器拦截,无法使用。