维基百科镜像公式不显示的解决方法

方法一：将图片的src地址从维基百科网站改为镜像网站，可能有用。

(更新：方法一提到的镜像网址已失效，别的镜像不能保证此方法有效，推荐方法二。）

想跳过思路直接看解决方法可以看最后的总结。

维基百科英文网页现在(今天2020年3月3日)已经不能打开了，本人曾寻找过一些镜像网站，但是经常发现公式不能显示(除了偶尔有单个字母斜体表示)。

公式位置的图裂标志和LaTeX表示

最近本人再次观察镜像页面时，看到公式处的“图裂”标志，难道这里公式也是应该由图片显示？于是突发奇想用F12查看一下源代码。

公式图裂标志对应的Html源代码

通过检查元素，发现公式确实以图片显示，图片的img标签的src属性表示图片的地址，居然 https://wikimedia.org/api/rest_v1/media/math/render/svg/c732810c5d2f174cdbb0eadcf89727e92ce5fbb0。这用的是真正维基百科的域名啊！所以，只要把这个地址修改成镜像网站的地址，就可以正常显示公式了吧。

不过，镜像网站图片地址是什么？难道除了域名后面都和真正维基百科的一致？不知道。我就按照这个猜测尝试了。我正在用的镜像地址是http://en.wikii.cc/，于是就把图片地址中的https://wikimedia.org/替换为http://en.wikii.cc/，没想到图片真的显示了！

接下来做的很简单，按照这个方法把所有相应字符串替换就行了。不过网页源代码不像txt那样容易批量修改(对于本小白)，我百度一番无效后退而求其次，终于找到了批量修改图片src属性的方法。

批量更改页面img标签的src地址

经过一番尝试，在镜像网站上对每个图片的src地址进行了替换。(中间的判断语句本小白没管了)。

'''JavaScript

var imgs = document.getElementsByTagName('img');

for(var i = 0 ; i < imgs.length ; i ++){ 

    imgs[i].src=imgs[i].src.replace(/https:\/\/wikimedia.org\//, "http:\/\/en.wikii.cc\/")

}

'''

这个方法确实有效，下面是替换后网页的显示结果：

替换src地址后的公式显示效果

完美！久违了，维基百科的公式页面！

总结：

1. 首先你有一个镜像网站可以浏览内容(目前我已知的一个是 http://en.wikii.cc/)；

2. 按F12进入调试页面，进入Console命令行状态；

3. 输入：

var imgs = document.getElementsByTagName('img');
for(var i = 0 ; i < imgs.length ; i ++){
    imgs[i].src=imgs[i].src.replace(/https:\/\/wikimedia.org\//, "http:\/\/en.wikii.cc\/");
}

然后回车。其中 http:\/\/en.wikii.cc\/ 是镜像网站的域名(加了转义字符)，(其他的域名不能确保有效)。

方法二：利用其它网站(如知乎)提供的LaTeX接口显示公式图片

如可以用 https://www.zhihu.com/equation?tex=a^2%2Bb^2=c^2 来表示公式的图片。

而维基的公式信息也存储在img标签的alt属性里面，所以用网址编码和一些替换就能转化为知乎tex网址需要的形式。

（可能有个别字符的替换考虑不周，如有发现欢迎在评论区指出。）

因此最终的方法是：

按F12进入调试页面，进入Console命令行状态，输入以下代码并回车：

var inlines=document.getElementsByClassName('mwe-math-fallback-image-inline');
var zhurl='https://www.zhihu.com/equation?tex=';
for(var i=0;i    var inline=inlines[i];
    var texstr=escape(inline.alt).replace(eval('/%5C%5C+/g'),'%252B');
    inline.src=zhurl+texstr;
};

当然，也可以在浏览器新建书签，内容为

javascript:(function (){ var inlines=document.getElementsByClassName('mwe-math-fallback-image-inline'); var zhurl='https://www.zhihu.com/equation?tex='; for(var i=0;i

这样需要用的时候点一下书签就行了，不用按F12输入代码。

---

参考文章：

1.批量更改页面img标签的src地址-CSDN论坛 https://bbs.csdn.net/topics/380263018

2.JavaScript replace() 方法 https://www.w3school.com.cn/jsref/jsref_replace.asp

3.escape,encodeURI,encodeURIComponent有什么区别? - 知乎 https://www.zhihu.com/question/21861899

4.将JS保存为书签，在网页中运行_ranky2009的专栏-CSDN博客 https://blog.csdn.net/ranky2009/article/details/47185167