Squiggle Herald Mobile移动阅读优化方案

移动端阅读体验的老大难问题,squiggle_herald_mobile给了个还挺实用的解法。主要思路就是别让.txt 文件直接裸奔,干脆包一层 HTML,顺手用个Node.js服务返回样式化的内容。这样在手机上就不会莫名其妙断行,排版也舒服多了。

之前在手机上打开.txt,经常一堆内容糊成一坨,读得人脑壳疼。你要做个移动端阅读器,尤其是纯文本的,最好别直接让浏览器渲染原始文件。用Node.js搞个中间层一下,既方便定制样式,也好兼容不同设备。

项目逻辑比较简单,像一个小型的代理服务器,读取文本内容,包一层 HTML 结构,返回给客户端。用的时候你可以把文本放在一个指定目录,访问路径拼一下就能读取出来。响应也快,代码也清爽。

要注意一点,样式得自己写清楚,像white-space: pre-wrapword-break: break-word这种属性别忘了设。不然中文一长段也乱折行,尤其在小屏幕上。

如果你也在做类似的移动阅读器,可以参考下相关的东西,比如HTML5 阅读器实现Node.js API 包装器、或者更通用的文本阅读器

,项目不复杂,但思路还挺值得借鉴的。尤其适合临时搭个能在手机上阅读纯文本内容的小工具。

zip
squiggle_herald_mobile-master.zip 预估大小:4个文件
folder
squiggle_herald_mobile-master 文件夹
file
header.html 329B
file
README.md 415B
file
index.js 1KB
file
footer.html 30B
zip 文件大小:1.99KB