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

V2EX = way to explore

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

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2687 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

阅读器

奇点

源码

Epub

15 条回复 • 2019-03-05 14:08:29 +08:00

cankoor

2017-07-15 09:19:43 +08:00

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

kingvieri

2017-07-15 09:23:14 +08:00

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

xiusedelang

2017-07-15 09:23:23 +08:00

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

kingvieri

2017-07-15 09:25:56 +08:00

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

rogerchen

2017-07-15 09:27:17 +08:00

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

kingvieri

2017-07-15 09:31:25 +08:00

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

kingvieri

2017-07-15 09:33:34 +08:00

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

vizards

2017-07-15 09:48:00 +08:00 via iPhone

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

nifanle7

2017-07-15 10:21:41 +08:00 via iPhone

@rogerchen

ffx0s

2017-07-15 13:02:07 +08:00

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

kaneg

2017-07-15 13:38:32 +08:00 via iPhone

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

exoticknight

2017-07-15 14:40:44 +08:00

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

herozhang

2017-07-15 17:03:03 +08:00 via iPhone

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

ljcarsenal

2017-07-15 17:24:38 +08:00 via Android

不是 bson ？加密的 json

xiaoyaoyuxin

2019-03-05 14:08:29 +08:00

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