多看 web 阅读器怎么实现的？查看 HTML 源码竟然看不到文本？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 3209 days ago, the information mentioned may be changed or developed.

最近在研究 epub，想看看正规的阅读器都怎么隐藏内容的顺便广告现在：奇点系列中国行（中信创业经典共七册）白菜价 9.9

阅读器

奇点

源码

Epub

15 replies • 2019-03-05 14:08:29 +08:00

cankoor

Jul 15, 2017

你可以去 github 上查看 epub 阅读器。https://github.com/futurepress/epubjs-reader

kingvieri

Jul 15, 2017

@cankoor 阅读器我已经搞定，现在的问题是怎么隐藏文本让浏览器查看源码看不到？

xiusedelang

Jul 15, 2017

关注过一段时间的网页阅读器
http://readium.org/
这个开源项目算是登峰造极了

kingvieri

Jul 15, 2017

@xiusedelang 这个的确是泰山北斗了，我现在好奇的是用什么方法让内容隐形于 html 源码。。。

rogerchen

Jul 15, 2017

@kingvieri 多看是实时画在 SVG 上的，这个右键就能看到啊。

kingvieri

Jul 15, 2017

@rogerchen 看到了，前端知识匮乏啊，多谢了。它还把每个字单独一个 text 标签。。

kingvieri

Jul 15, 2017

@rogerchen 画在 SVG 上有什么好处吗？在下刚摸前端不久

vizards

Jul 15, 2017 via iPhone

@kingvieri 好处就是你不能复制了，防止买了书复制粘贴盗版分发

nifanle7

Jul 15, 2017 via iPhone

@rogerchen

ffx0s

Jul 15, 2017

看了下貌似是后端 JSONP 给加密过的字符串数据到前端，前端通过解密后，还原成一个 JSON。里面的内容就是绘制 SVG 所需要的数据。

kaneg

Jul 15, 2017 via iPhone

从原理上来说这个的确比较高明，基本等效于看到的就是图片。要盗版只能截图了

exoticknight

Jul 15, 2017

既然有人说了是 svg 了，那么上 ocr 大概能破，再不行上深度学习训练模型

herozhang

Jul 15, 2017 via iPhone

@exoticknight 社工他们公司的程序员，直接拿到原始数据

ljcarsenal

Jul 15, 2017 via Android

不是 bson ？加密的 json

xiaoyaoyuxin

Mar 5, 2019

搜索 Web 阅读器，找到这个帖子，不知道楼主有什么成果了没？