💻
开发者工具
开发者工具
HCJ
HHTML
에디터 로딩 중…
开发者工具功能
直接在浏览器中编辑HTML、CSS、JavaScript，并实时预览结果。 支持语法高亮、括号自动补全、深色/浅色主题切换。 可生成分享链接，方便随时保存或分享代码。
使用方法
① 选择HTML、CSS或JS选项卡，进入对应语言的编辑模式。 ② 输入代码后，600ms内预览面板自动更新。 ③ 使用工具栏的深色/浅色模式按钮切换主题。 ④ 点击分享按钮，当前代码以URL编码形式复制到剪贴板。
适用场景
• 快速原型化HTML/CSS布局创意 • 测试JavaScript代码片段 • 与团队成员或社区分享代码示例 • 检查和学习基本网页结构
常见问题
- Q. 支持哪些语言？
- A. 支持HTML、CSS和JavaScript三种语言。每种语言均提供语法高亮和括号自动补全功能。
- Q. 可以保存或分享代码吗？
- A. 点击「分享」按钮，当前代码将以URL哈希编码的分享链接形式复制到剪贴板。通过此链接可随时恢复相同的代码状态。
- Q. 预览会自动更新吗？
- A. 是的，编辑代码后600ms预览会自动更新，无需按运行按钮。
- Q. 可以更换编辑器主题吗？
- A. 可以使用工具栏的☀️/🌙按钮切换深色模式(Dracula)和浅色模式(Eclipse)。
- Q. 可以导入HTML/CSS/JS文件吗？
- A. 目前支持直接输入代码或通过分享链接加载。文件上传功能计划在未来版本中添加。