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

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

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

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)
})();

把这个脚本添加到油猴中,就可以自动的将图片地址更换成pic1下的。

油猴脚本本质是一个浏览器插件,具体的安装方法如下:在谷歌浏览器地址栏中输入:chrome://extensions/,打开开发者模式,将油猴插件拖过来就可以了。关注微信公众号回复「油猴」即可获取插件

8e014d8539fa68b040872fd704fc0405_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

安装完成后,就可以在这里看到安装成功的油猴插件

082a14491c8165f933c645705bb001ed_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

3cb66c82a6d3e27d742ed59cfa2533d0_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

83e05e3e6ccb478f7a4b4c67f00f7d0c_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

通过添加新脚本的方式,将上面的代码添加到其中,当你访问知乎的时候,就可以进行自动更换图片地址了。对了,这个脚本还可以把知乎弹出来的登录页面自动关闭哦。

相关文章
|
7月前
程序技术好文:通过二维码图片识别二维码内容方法
程序技术好文:通过二维码图片识别二维码内容方法
112 0
关于csdn上面的图文中的图片加载失败的问题
关于csdn上面的图文中的图片加载失败的问题
76 0
如何在电脑上保存微信公众号文章封面图片?
如何在电脑上保存微信公众号文章封面图片?
120 0
微博相册图片获取工具
下载微博相册,配合aria2工具,备份至阿里云盘
183 0
微博相册图片获取工具
|
数据安全/隐私保护
CSDN写博客之图片居中、去水印、改大小及文字居中
CSDN写博客之图片居中、去水印、改大小及文字居中
212 0
CSDN写博客之图片居中、去水印、改大小及文字居中
|
JavaScript
打印二维码和图片pdf
打印二维码和图片pdf
174 0
|
安全 Java 对象存储
图片内容安全实战教程
内容安全技术是基于阿里云视觉分析技术和深度识别技术。本教程为您介绍如何通过智能视觉平台的图片检测能力保证内容安全。
图片内容安全实战教程
|
Web App开发
DEDE如何提取文章内容里面的第一张图片地址
 文章内容页里面是这样调用的  {dede:field.body/}  这个内容里面包含了图片,在后面,我要读取到第一张图片的地址,怎么办? 把{dede:field.body/}替换成以下代码:    dede教程-598080707.
648 0