作为初学者,很多时候自己写一遍代码还要复习自己的代码,也就是温故知新,但是呢,有时候想知道自己的写的代码在哪里,是什么,总是忘,虽然浏览器打开开发者工具也可以对应代码,但始终没有那么方便。
而这个工具可以双向高亮,也就是点击元素,代码也会亮:是支持代码与预览双向高亮的 HTML 查看器——专为初学者与开发者打造。
欢迎大家体验和给出意见:https://html-viewer.org/zh
✨ 核心功能:
- 点击任意一行 HTML/CSS 代码 → 预览区对应元素立即高亮显示
- 点击预览区已渲染元素 → 编辑器自动跳转到对应代码行
非常适合代码调试、HTML/CSS 学习及前端基础教学。

完全免费,基于原生 JavaScript 开发,全程在浏览器本地运行 (无后端服务,无数据收集)。







