reCaptcha人机验证无法显示和CSP问题解决方案
本文最后更新于 667 天前,其中的信息可能已经有所发展或是发生改变。

适用平台: 任何基于Chromium(PC版)核心的浏览器 / Firefox (PC版)

常见的基于Chromium核心的浏览器有:Microsoft Edge (Chromium) / Chrome。

请注意,由于方案的特殊性,少数网络情况下不一定成功。但是,大部分网络情况下都是可以成功的。

第一步 安装插件

本方案基于Header Editor插件。因此,您需要先在您的浏览器中安装这个插件。

下面是不同的浏览器对应的方法(请事先确定好你用的浏览器)。

Chromium浏览器

由于基于Chromium的浏览器太多了,此处只提Microsoft Edge (Chromium) / Chrome的安装方法。

Microsoft Edge (Chromium):Microsft Edge Add-ons

Chrome (Microsoft Edge也可使用此安装途径):Chrome Web Store (需要魔法工具)

Chorme通过本文提供的离线文件手动安装:

将你下载到的离线安装文件解压出来。解压后,你应该可以看到一个名字为 Header Editor.crx 的文件。

之后,打开 Chrome,进入扩展程序管理页面。

将你解压的 Header Editor.crx 拖到里面来。记得在拖动之前打开右上角的“开发者模式”。

若出现这个对话框即代表可以正常安装。点击“添加扩展程序”即可。

Header Editor 离线安装文件: 百度网盘

Firefox电脑版

点击此处下载: Header Editor[Firefox]

Firefox(国际版) 电脑版下载: 点击此处

如果你想搜索安装那也可以。点左上角的按钮,然后在弹出的窗口中选择“附加组件”。然后去“插件”里搜索就可以了(会直接跳到 Firefox 官方插件下载网站上搜索,接下来你应该都会)。

第二步 配置插件

打开 Header Editor 插件的配置页面,选择“导入和导出”选项。

此处需要导入我写好的配置。这里提供两种方法。

手动下载配置文件

首先在此处下载我写好的配置: 百度网盘

在“本地文件”点击“导入”,导入刚才你下载的配置文件。

导入在线配置

在下载规则中,填入下面的地址(任选其一,推荐使用 GitHub 版本):

重要提醒: 建议使用 GitHub 地址。本站服务器地址在站点维护时可能无法使用。

然后点击下载按钮。

如果先前导入过,你应该可以在下载规则中直接找到这个地址,直接点击旁边的下载按钮即可。

接下来你应该会在“导入”看到相关规则(如果之前导入过,“操作”中的“添加”会显示为“覆盖已有”)。选择“保存”即可。

最后你的规则列表应该是这样的:

好了,关闭这个页面。然后就可以了,现在 reCaptcha 应该可以正常显示了。

附加:彻底禁用Content-Security-Policy

可以通过Disable Content-Security-Policy这个插件彻底禁用掉Content-Security-Policy。

目前该插件只能通过Chrome Web Store下载到,故针对无法访问Chrome Web Store的读者,本文会提供该插件的离线安装文件。

Chrome Web Store: Disable Content-Security-Policy (需要魔法工具)

离线安装文件: 百度网盘

不过,为了防止页面内容劫持等问题,建议只在需要时打开本插件。

此处感谢该评论给出的相关提示。

其他

常见问题解答(FAQ)

Q: 我按照这个方案做了但是还是看不到验证码
A: 尝试 ping 一下,看下能不能连接到 recaptcha.net。


如果提示连接超时,则需要将能连接的 recaptcha.net IP 加入 hosts 列表中。
可以用网络上的超级 ping 工具获取其他的 recaptcha.net IP。比如使用站长之家的 ping 工具: 传送门
通过 ping 可以测试所获取到的 IP 是否能连接。如果可以连接,把这个 IP 加入 hosts 即可解决该问题。

Q: 我觉得这篇文章很不错,想通过转发帮助更多人。能转载吗?

A: 可以,但是必须注明原文地址。要是没有注明原文地址,我发现后可能会举报的

本文现以CC-BY-NC-SA 4.0协议发布。详情参考博客现行的版权声明

Q: Chrome 程序包无效

A: 可以试试Microsoft Edge (Chromium)。Microsoft Edge目前具有和Chrome一样的内核,且Microsoft Edge的所有功能在国内几乎都能直接使用,包括Microsoft Edge官方的插件商店(Microsoft Edge Add-ons) 。

你也尝试用 Firefox。Firefox的大部分服务在国内也能正常使用。

Q: 这个方案能改哪些形式的 Content-Security-Policy?

A: 响应头(Response Header)的 CSP 可以修改。但是,若 CSP 写在 HTML 中的 meta 里就改不了。

根据评论区,目前有更完善的解决方案。

Q: 按照这个方法做完之后发现还是没有办法正常显示 reCaptcha,怎么办?

A: 由于各个网站的情况不一样,本方案无法面面俱到的解决所有问题。

后续将补充更多 FAQ。

评论

  1. 博主
    7 年前
    2018-7-31 15:52:06

    为什么重新再写过一个解决方案?就是因为之前那个方案无法在具有 Content Security Policy 的页面中加载 reCaptcha。我的这个方案可以修改页面的 Content Security Policy 信息,使 reCaptcha 得以正常加载。

  2. SPT丶千羽
    7 年前
    2018-8-26 2:32:47

    博主你好,请问这个chrome主题包在哪下载的我也想要

    • 博主
      SPT丶千羽
      7 年前
      2018-8-27 14:07:32

      Chrome 69 即将开始启用的 Material Design 主题
      相关信息我会在 mcbbs 进行回复: 传送门

  3. 林林
    7 年前
    2018-10-09 11:48:45

    刚试了,好像不行,FIREFOX的,不过网站显示不安全链接。不知道有没有影响
    http://imcsc.com/oxwall/join
    是这个网站

    • 博主
      林林
      7 年前
      2018-10-20 18:59:07

      已经检查,这个网站(imcsc.com)使用的并非是 reCaptcha,而是他们自己做的验证码
      可能是那个网站的原因,验证码无法正常显示

  4. 浪浪
    6 年前
    2018-12-06 20:33:54

    用了HEAD EDITOR能显示reCaptcha但是还是显示不了验证码是什么原因?前排指向https://accounts.clickbank.com/login.htm

    • 博主
      浪浪
      6 年前
      2018-12-15 19:15:54

      reCaptcha 就是验证码…笑哭

  5. 不予洱海
    6 年前
    2018-12-13 9:55:42

    博主你好,为什么我从谷歌商店下载这个插件安装不上去,提示我无法加载到个人程序中。我试了从百度云下载,然而还是添加不上去,显示如下:
    未能成功加载扩展程序
    文件
    ~\Downloads\Header+Editor_5BChrome%5D
    错误
    清单文件缺失或不可读取
    无法加载清单。
    希望博主解答,感谢!

    • 博主
      不予洱海
      6 年前
      2018-12-16 2:51:44

      貌似是安装插件时 Chrome 产生了内部错误?
      而且,看你这路径,可能是 macOS 或者 Linux
      这个问题我还没遇到
      重新安装 Chrome 或许奏效?

    • 不予洱海
      6 年前
      2019-5-27 20:21:59

      你需要把谷歌浏览器设置为默认浏览器 

      • Jennifer
        3 年前
        2022-6-14 9:17:34

        非常感谢,问题的关键就在这里了!

  6. woshimu
    6 年前
    2019-3-13 18:14:35

    多谢,终于搞定了

  7. lsl
    6 年前
    2019-3-23 4:31:28

    这个月从坑爹的城中村长宽换到100m电信后反而访问不了recaptcha.net和gstatic.cn了,而且挂代理后点N久也不一定能通过……

  8. xmdhs
    6 年前
    2019-4-06 20:32:24

    我找到了一个复制你的教程的

    http://www.360doc.com/content/18/0831/07/37256387_782586690.shtml

    恐怖的是阅读都上万了

    文章也完全是全文复制,被我日常在谷歌搜自己名字时找到了。。

    • 博主
      xmdhs
      6 年前
      2019-5-01 1:07:28

      这个抄袭的文章已经被搞了lol

  9. darkangel
    6 年前
    2019-4-13 8:52:24

    谢谢,已经解决了这个问题。。

  10. 耍狗的猫
    6 年前
    2019-4-18 20:06:34

    有验证码显示,绿√出现后无法自动跳转,之后提示验证过期,请再次点击。之后无限循环以上步骤,请问下博主这要怎么办?

  11. 胡子
    6 年前
    2019-4-21 19:13:37

    牛逼,给力,给楼主点赞

  12. SillyNa
    6 年前
    2019-5-09 13:14:13

    为什么程序包无效啊大佬 

    • 博主
      SillyNa
      6 年前
      2019-5-18 13:26:05

      部分电脑会出现这个问题。建议尝试用 Firefox,应该能解决问题

  13. 周怡豪
    6 年前
    2019-5-17 17:40:07

    我的世界官网一点登录就要被赶回中国版网页,我是准备注册的,然后再买

    • 博主
      周怡豪
      6 年前
      2019-5-18 13:24:30

      我这边没有这种情况…
      不对,不是有个“留在 Minecraft.net”的选项吗,点那个就不会被赶去中国版官网了

  14. 6 年前
    2019-5-25 23:39:54

    请问楼主,安装后验证码可以正常显示,但在提交填报内容时(计时5分钟)填完后提交后,计时不停止,直到倒计时完显示你超时了。请楼主指教。谢谢。

  15. 李先生
    6 年前
    2019-6-02 22:18:28

    使用了这个方法,但是依然不行,网站是https://www.bitmex.com/login,F12依然报错Refused to load the script ‘https://recaptcha.net/recaptcha/api.js’ because it violates the following Content Security Policy directive: “script-src ‘nonce-09jPCSDsaMSHbX5TXnWI3Q==’ ‘self’ https://sentry.services.bitmex.com https://www.google.com/recaptcha/api.js https://www.gstatic.com/recaptcha/ https://static.bitmex.com“.请问博主如何解决。

    • 博主
      李先生
      6 年前
      2019-6-05 18:00:08

      试了一下,那个修改脚本没改到这个网站的 Content-Security-Policy。看来我这个方法还是有些局限性的。
      怕不是前端引入的…

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇