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

适用平台: 任何基于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. Agatha
    4 年前
    2020-4-21 15:06:04

    登录时能弹出验证码,但是选完验证码确认之后就没反应了,求问大佬

  2. 海豚
    4 年前
    2020-5-03 12:23:00

    成功解决!感谢大佬!太感动了我啊啊啊

  3. 团团团长
    4 年前
    2020-5-09 14:14:36

    人机验证出来了,但验证时提示无法连接到reCAPTCHA服务

  4. livevil
    4 年前
    2020-5-10 2:13:15

    和楼上一样,之前一两个月正常使用,今天点人机验证的时候就提示无法连接到reCAPTCHA服务,试了其他类似的重定向插件也不行,是不是recaptcha.net这个镜像失效了?

  5. 不懂就问
    4 年前
    2020-5-15 14:55:11

    我全部按照步骤走完了,在header editor界面没有本地文件‘导入’,结果最后却少了阻止请求那条,而且也没有显recaptcha的验证码

  6. arox
    4 年前
    2020-5-17 11:42:20

    同问在header editor界面没有本地文件‘导入’,结果最后却少了阻止请求那条,而且也没有显recaptcha的验证码

  7. 温顺
    4 年前
    2020-5-20 10:36:59

    插件在哪下载啊,我没看见

  8. 4 年前
    2020-6-24 14:11:32

    作者列表少了一个条

    • 博主
      h
      4 年前
      2020-6-25 9:53:08

      我这边列表没少,所以这就很奇怪了

  9. 4 年前
    2020-6-27 16:24:01

    那就去网上查

  10. 4 年前
    2020-6-27 19:36:52

    难道这个插件失效了?

  11. withoutmoon
    4 年前
    2020-6-28 17:09:22

    !!终于注册成功了 感恩

    • withoutmoon
      4 年前
      2020-6-29 20:21:16

      还是没谷歌人机验证

  12. 4 年前
    2020-7-07 15:38:56

    用户登录的时候也需要下载这个插件吗?,这样不是很麻烦。

  13. 房瑜
    4 年前
    2020-7-08 16:12:23

    成功了,感谢!

  14. 啊啊
    4 年前
    2020-7-09 9:21:57

    依然无法显示,最多显示第一遍的验证,第二页的验证图片就出不来了

  15. 4 年前
    2020-7-10 20:49:05

    作者,从你图中规则列表的第一条点击查看,发出匹配类型匹配规则执行类型重定向至

发送评论 编辑评论


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