关闭恼人的微信网址拦截

发表于 更新于 阅读次数： 本文字数： 2.6k 阅读时长 ≈ 4 分钟

在微信中打开一些网页时总会出现以下拦截提醒，遇到这种情况时必须点击继续访问。技术人不忍这种流氓事，于是着手从技术上解决这个体验问题。

Tampermonkey浏览器插件

首先想到的是这个方案，解决步骤如下

  1. Chrome浏览器下安装插件Tampermonkey（油猴）

  2. 插件中增加如下脚本，该脚本我已已经开源，不想了解具体实现的直接安装即可。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    // ==UserScript==
    // @name         Redirect URL
    // @namespace    https://1991421.cn
    // @version      0.1
    // @description  解决恼人的网页拦截，比如微信打开链接
    // @author       Alan He
    // @match        https://weixin110.qq.com/cgi-bin/mmspamsupport-bin/newredirectconfirmcgi*
    // @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
    // @grant        none
    // @run-at document-end
    // ==/UserScript==

    (function() {
        'use strict';
         function htmlDecode(input) {
            var doc = new DOMParser().parseFromString(input, 'text/html');
            return doc.documentElement.textContent;
          }

        if(window.location.href.match(/^https:\/\/weixin110.qq.com\/cgi-bin\/mmspamsupport-bin\/newredirectconfirmcgi/)){
          window.location.href=htmlDecode(cgiData.url);
        }
    })();

​

如上操作后，当访问拦截被拦截，也会快速跳转到目标网页。

如上可行的实现基础是这样子

  1. Chrome插件有能力在网页上下文下执行指定脚本
  2. 查看微信拦截网页源码，发现JS上下文中存在对象cgiData，而cgiData.url存储了目标网页地址，因此只要确保网页DCL后，脚本直接执行跳转目标网页即可。

问题到这里已经解决，但是这个方案有些许不足，整个跳转逻辑是在网页加载后，因此用户还是会揉眼可见这个跳转过程。

如果想继续提升体验🚀，是否有更好的方案呢？YES！

MiTM(中间人攻击)-浏览器代理

上述方案弊端是处理是在浏览器网页完全加载后进行，如果增加代理，在微信返回的响应体HTML在到达浏览器之前就在代理层面解析，拿到cgiData.url，然后构造重定向请求响应，使其重定向到Location: cgiData.url，不就解决了吗？是的。

同时注意，微信拦截网址是HTTPS，因此想要解析，还需要代理支持MiTM，否则只可以看到域名，无法解析具体请求参数。

确定了如上解决思路，具体只剩下实现了。

代理App有很多，比如Charles/Surge/Whistle，平时使用Surge多些，所以这里就尝试使用Surge解决。

  1. 开启系统代理，从而确保Chrome走代理

  2. 开启MiTM，增加weixin110.qq.com域名，测试开启生效的办法是，访问拦截网页，点击证书发现变成Surge签发的即OK

  3. 增加模块，编写脚本，从而实现重定向。该脚本模块我已开源，不想了解具体实现的直接安装即可。

    跳转脚本如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/**
 * 获取微信拦截网页中目标网页地址，直接返回重定向
 */

(function redirectUrl() {
  try {
    let cgiData = $response.body.match(/(?="url":").+(?=","btns)/)[0];
    cgiData = cgiData.substring(7).replace(new RegExp('/', 'g'), '/');
    $done({
      headers: {
        Location: cgiData
      },
      status: 301
    });
  } catch (e) {
    $done({});
  }
})();

如上操作后，再次在微信中点击网址，就会直接跳转目标网页，相较之前体验更好些了。

回顾下该方案的实现基础是这样子

  1. 系统代理App确保请求/响应都会经过软件，因此也就有机会可以处理
  2. MiTM解决HTTPS的解析
  3. 代理App获取/修改请求响应

对比来看，方案2体验明显更好些，当然成本也更高，因为你需要在代理App层面做这些设定才可以解决。

除此之外，虽然这个方案可以解决问题，但要了解，MiTM并非永远work，如果一个网页安全升级，增加了HPKP/Certificate Pining，那么就可能会遇到MiTM failed，比如Apple AppStore商店的搜索服务，当开启MiTM时会发现失败，请求无法正常响应了。索幸大多数站点并没有开启该功能，比如这里的微信拦截服务。

HPKP

HPKP由于各种原因，浏览器现在都放弃了支持，更多存在于面向非网页服务里

比如nginx下想实现可以进行如下设定

1
add_header Public-Key-Pins 'pin-sha256="YLh1dUR9y6Kja30RrAn7JKnbQG/uEtLMkBgFF2Fuihg="; pin-sha256="klO23nT2ehFDXCfx3eHTDRESMz3asj1muO+4aIdjiuY="; max-age=2592000; includeSubDomains';

完整操作步骤，可查看这里

写在最后

done。