作为初学者，很多时候自己写一遍代码还要复习自己的代码，也就是温故知新，但是呢，有时候想知道自己的写的代码在哪里，是什么，总是忘，虽然浏览器打开开发者工具也可以对应代码，但始终没有那么方便。

而这个工具可以双向高亮，也就是点击元素，代码也会亮：是支持代码与预览双向高亮的 HTML 查看器——专为初学者与开发者打造。

欢迎大家体验和给出意见：https://html-viewer.org/zh

✨ 核心功能：

• 点击任意一行 HTML/CSS 代码 → 预览区对应元素立即高亮显示
• 点击预览区已渲染元素 → 编辑器自动跳转到对应代码行

非常适合代码调试、HTML/CSS 学习及前端基础教学。

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