HTML 所见即所得编辑器
在浏览器中编写、预览并可视化调整 HTML 页面
HTML DevTools 是一款单页式浏览器 HTML 编辑工具。用户可以粘贴或编写源码，使用格式化、压缩、分段和查找替换辅助整理代码，再切换到预览或可视化编辑状态查看页面。工具面板提供元素检查、元素树、复制、删除、包裹、组件提取、文字与图片替换，以及边距、边框、变换、过渡、滤镜、字体、颜色、阴影和渐变等 CSS 调整能力。页面还提供 HTML 文件打开、新建、保存和桌面、平板、手机预览切换入口。
核心亮点
源码与预览联动
编辑代码并切换页面预览
可视化元素工具
检查并直接修改页面元素
丰富样式面板
集中调整多类CSS属性
本地文件处理
支持打开与保存HTML文件
如何使用
输入或打开 HTML
在源码区域粘贴或编写 HTML，也可以通过打开入口选择本地 HTML 文件。页面会显示代码大小，并提供新建文档入口。
整理并检查源码
使用格式化、压缩、分段或查找替换工具整理代码，再切换到预览状态观察页面呈现；顶部设备图标可用于切换不同预览尺寸。
可视化修改元素
进入可视化编辑并打开工具面板，通过元素检查器选择预览中的元素，然后使用复制、删除、包裹、替换文字或替换图片等操作修改内容。
调整样式并保存
选择元素后可调整间距、边框、变换、过渡、滤镜、字体和颜色等参数，观察界面反馈；完成后返回源码视图并通过保存入口导出 HTML 文件。
相似站点
91开发者工具箱
常用开发工具集合，包含JSON解析、Base64编解码、URL编解码、时间戳转换、正则测试、哈希计算、颜色转换等多款实用工具
327开发者工具合集
一套轻量实用的在线开发工具集合，含微信排版、JSON编辑、Markdown转换、文字转语音等
66在线编解码工具
支持 Base64、URL、HTML 实体、Unicode、Hex 的双栏在线编解码工具
7全能编码工具箱
聚合 URL / Base64 / Hex / Unicode / 哈希等编码方式，支持编码解码双向转换，并智能推荐微信支付宝扫码最佳编码
55HTML Live Editor
高保真 HTML 实时编辑器，支持双栏编辑预览、多种视口切换与 HTML/Word/PDF 导出
52全能工具箱
开发者工具、文本处理、编码转换、生成器一站式在线工具集合
