知乎图片怎么老是显示不出来-阿里云开发者社区

知乎图片怎么老是显示不出来

2023-02-09 1918

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 知乎图片怎么老是显示不出来

每次去知乎看东西，总是出现个别图片加载不出来的情况，就像下面这样。

2cb5ac095eff96ba7e5250a0ff8596d0_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

通过开发者工具发现，图片的地址是知乎的知乎的二级地址，这种方法是由于浏览器在请求时，对于同一个资源域名有并发限制，通过这种二级域名可以将请求打散，避免出现卡顿。「但是」 ，好巧不巧，我这里只能请求到pic1.zhimg.com，其他的请求全部超时，也就看不到图片了。

ec56b6fefffb46ca862bdf3a0871917c_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

所以只要把所有不是pic1的图片，改成pic1，不就解决了了吗！

通过油猴（一种可以在浏览器里面运行自己写的js工具），可以编写一个小脚本，把所有的图片的地址都改成pic1。代码如下：

// ==UserScript==
// @name         知乎图片
// @namespace    http://*.zhihu.com/
// @version      0.1
// @description  让图片都显示出来
// @author       SunCOOL
// @match        https://zhuanlan.zhihu.com/*
// @match        https://zhihu.com/*
// @grant        document
// ==/UserScript==
(function() {
    'use strict';
    const pic_server = 'pic1'
    const imgs = document.getElementsByTagName('img');
    for( let img of imgs){
       const src_status = img.src.match(/https:\/\//g)
       if(src_status){
           img.src = img.src.replace(/pic\d/g,pic_server);
       }
       else{
           const data_actualsrc = img.getAttribute('data-actualsrc');
           const pic1 = data_actualsrc.replace(/pic\d/g,pic_server);
           img.dataset.actualsrc = pic1;
           img.dataset.original = pic1;
       }
    }
    const img_list_ava = document.getElementsByClassName('Avatar Avatar--round AuthorInfo-avatar');
    for(let img of img_list_ava){
        img.src = img.src.replace(/pic\d/g,pic_server);
    }
    setTimeout(()=>{
    const img_list_ava1 = document.getElementsByClassName('Avatar UserLink-avatar');
    for(let img of img_list_ava1){
        img.src = img.src.replace(/pic\d/g,pic_server);
    }
    const post = document.getElementsByClassName('PostItem-TitleImage');
    for(let img of post){
        img.src = img.src.replace(/pic\d/g,pic_server);
    }
    },1000)
    setTimeout(()=>{
            document.getElementsByClassName('Button Modal-closeButton Button--plain')[0].click()
    },500)
})();