这算不算是没法反推的方案

[P233]

根据早上看到的帖子 t/105634 想到的，写了这个页面 http://anti-crawler-number.herokuapp.com/

每次访问随机刷出 3 个数字，全部由 CSS box-shadow 渲染而成，另外参考 anti-piracy font 随机加 pattern 干扰 OCR。还可以更复杂，比如彻底打乱 box-shadow 顺序，浏览器不会出错，想反推几乎是不可能了。

[P233]

缺点是一个数字差不多 10kb CSS文件

[zorceta]

用元素堆一个数字出来

原来想验证码想到的

[P233]

@zorceta 用像素点堆出来的，跟图片差不多

[cdfmr]

如果价格显示得跟验证码差不多，我是没兴趣在这样的商城购物的。

[alay9999]

我倒是愿意抓取了你的当作会员验证码，很好用的样子

[est]

webkit -> 截屏 -> ORC

haha

[sanddudu]

最好的验证码
最差的购物体验

另外你有没有考虑低版本浏览器的兼容性?

如果我看个价格跟看reCAPTCHA差不多，我还会有兴趣继续买东西吗

[sanddudu]

@est html2canvas可以把任意元素用canvas绘出来，保存就不是难事了

[est]

@sanddudu
@P233

对。所以headless browser可以突破LZ的。

我觉得终极办法是结合用户交互和DOM做。用户必须有鼠标键盘触摸动作之类的才能看到最终图片/文字。用代码模拟用户交互很容易探测。

[loading]

这个是验证码问题吧…

[ericshao]

快要想到手机接收价格信息了

[P233]

@cdfmr
@sanddudu 显示价格就不加 pattern 了，也会去掉 blur，可以实现不使用图片防抓取，OCR 没办法，其实是在折腾验证码。

兼容性就不考虑了，这只是一次尝试，跟造概念车一样

@alay9999 是在想这个做验证码怎么样？我可以进一步优化 CSS，后台 node.js 部分就无能为力了，小菜鸟一枚

@est 难道不能干扰 OCR 吗，我承认这些 pattern 画的比较丑，另外目测 html2canvas 抓不到这个页面 http://html2canvas.hertzen.com/screenshots.html

@loading 没错

[JoyNeop]

雇个民工人肉爬虫，完破