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

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

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

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

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

相关文章
|
28天前
|
缓存
Discuz! X3.5论坛如何去除隐藏文章内容图片鼠标经过时显示“下载附件”等信息
Discuz! X3.5论坛如何去除隐藏文章内容图片鼠标经过时显示“下载附件”等信息
26 1
|
4月前
仿照微信朋友圈中点击图片出现大图浏览效果
仿照微信朋友圈中点击图片出现大图浏览效果
63 0
如何在电脑上保存微信公众号文章封面图片?
如何在电脑上保存微信公众号文章封面图片?
103 0
微博相册图片获取工具
下载微博相册,配合aria2工具,备份至阿里云盘
168 0
微博相册图片获取工具
|
前端开发 JavaScript PHP
jscanvas合成图片实现微信公众号海报功能
jscanvas合成图片实现微信公众号海报功能
166 0
|
数据采集 Python
|
Android开发 iOS开发
微信公众号推送文图片什么尺寸最佳?(转)
作者:trickyEdecay链接:https://www.zhihu.com/question/27138896/answer/127500504来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
1072 0
|
Android开发 编解码
图片怎么展示比较好看
昨晚看了一下ViewPager的切换动画,简单地做了一个 Paste_Image.png 大多数人写的,在缓慢拖动的时候,左右两边的视图会突然消失,我觉得不好,自己写了一个比较细腻的动画 001.
835 0