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

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

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

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

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

相关文章
|
3月前
|
缓存
Discuz! X3.5论坛如何去除隐藏文章内容图片鼠标经过时显示“下载附件”等信息
Discuz! X3.5论坛如何去除隐藏文章内容图片鼠标经过时显示“下载附件”等信息
68 1
关于csdn上面的图文中的图片加载失败的问题
关于csdn上面的图文中的图片加载失败的问题
76 0
|
前端开发 JavaScript PHP
jscanvas合成图片实现微信公众号海报功能
jscanvas合成图片实现微信公众号海报功能
177 0
|
Android开发
如何用手机快速制作好看的二维码
由于二维码的出现,给我们的生活带来了很大的方便。由于工作的原因,小编经常会看到一些制作精美的二维码,很是好奇他们是怎么制作出如此好看的二维码的。为了给大家推荐真正好用的二维码制作软件,小编对比了市面上好多类似的软件,发现了一款还不错的App--二维码和条形码生成器,支持鸿蒙、安卓、苹果等各种手机。下面就让小编给大家详细介绍下如何用“二维码和条形码生成器”来制作精美的二维码吧。
|
数据采集 Python
|
安全 Java 对象存储
图片内容安全实战教程
内容安全技术是基于阿里云视觉分析技术和深度识别技术。本教程为您介绍如何通过智能视觉平台的图片检测能力保证内容安全。
图片内容安全实战教程
|
Web App开发
DEDE如何提取文章内容里面的第一张图片地址
 文章内容页里面是这样调用的  {dede:field.body/}  这个内容里面包含了图片,在后面,我要读取到第一张图片的地址,怎么办? 把{dede:field.body/}替换成以下代码:    dede教程-598080707.
645 0
|
安全 Windows
Goo.gl彩蛋把任何链接变成二维码
今天早上TechCrunch中文站报道Google正式推出了自己的网址缩写服务goo.gl,Google称其为最稳定、最安全、最快速的网址缩写服务,但显然这不是Google的重点。 来自Google的Matt Cutts在Twitter上透露,如果你在任何goo.gl网址后面加上“.qr”,你就可以得到一个对应的二维码,用任何二维码阅读器你就可以读出其中的网址。
994 0