我电脑里存着二十多个html文件,全是些随手保存的网页片段——某篇食谱、一段代码示例、一个早已关停的博客文章。每次双击它们,系统默认用浏览器打开,但浏览器太重了,加载一堆插件、同步账号、弹窗提醒。我只是想看一眼内容,不是要参与一场互联网仪式。
后来我写了个极简的html查看器,就一个文本框加一个渲染区。把代码粘贴进去,右边立刻显示出效果。不用保存文件,不用切换窗口,甚至不用联网。这东西简陋得像块砖头,但砖头能砸钉子,浏览器不行。
有意思的是,这个查看器暴露了一个真相:大部分html文件根本不值得用浏览器打开。那些花哨的CSS动画、JavaScript交互,在纯文本视角下原形毕露——要么是装饰过度的空壳,要么是逻辑混乱的补丁堆。真正扎实的内容,哪怕剥掉所有样式,光看标签结构也能感受到骨架的清晰。
我用的查看器还带一个功能:高亮显示未闭合的标签。红色波浪线标出那些粗心大意的遗漏——
标签忘了闭合,导致整个页面布局错乱。他说:“原来浏览器一直忍着我的错误,默默帮我修正。”这话让我想到,我们平时用浏览器太顺滑了,顺滑到看不见代码的粗糙。查看器反而是面镜子,照出你写的东西到底站不站得住。
有时候我会故意粘贴一些老网页的源码进去,比如2005年那种用表格布局、字体标签堆砌的页面。渲染出来歪歪扭扭,但你能感受到当年作者憋着一股劲,想用最笨的办法做出点好看的东西。那种笨拙感,比现在满屏的flex布局和grid网格更有温度。
写这个查看器只花了我一个下午。核心代码不超过一百行,就是解析html、套用基础CSS、忽略脚本。没有历史记录,没有收藏功能,没有主题皮肤。但每次打开它,我都觉得比打开Chrome更接近网页的本质——
网页不过是一串带尖括号的字符,而查看器让你直接面对这串字符,不装腔作势,不虚张声势。就像拆开一台机器的外壳看齿轮转动,油腻,但真实。