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

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

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

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

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

相关文章
|
算法 搜索推荐 Python
用N-S流程图表示算法
用N-S流程图表示算法
1217 2
|
7月前
|
JSON 算法 API
淘宝天猫店铺商品API接口全方位接入指南
本攻略介绍淘宝天猫店铺商品API接口的使用方法,涵盖接口概述、请求方式、参数说明及响应数据等内容。核心接口如`tb.items.onsale.get`和`tb.items.inventory.get`,支持获取出售中或库存商品信息,采用HTTP POST请求,返回JSON格式数据。通用参数包括`app_key`、`timestamp`等,业务参数涉及`seller_nick`、分页设置等。响应数据包含商品ID、标题、价格、图片URL等关键信息,助力开发者高效整合与分析店铺商品数据,并提供Python请求示例方便实践。
|
12月前
|
Kubernetes Linux 虚拟化
VMware Fusion 13.6.2 发布下载,现在完全免费无论个人还是商业用途
VMware Fusion 13.6.2 发布下载,现在完全免费无论个人还是商业用途
2014 13
VMware Fusion 13.6.2 发布下载,现在完全免费无论个人还是商业用途
WordArt Designer:基于用户驱动与大语言模型的艺术字生成
本文介绍了一个基于用户驱动,依赖于大型语言模型(LLMs)的艺术字生成框架WordArt Designer。
|
运维 监控 安全
|
Linux 开发者 Python
从Windows到Linux,Python系统调用如何让代码飞翔🚀
【9月更文挑战第10天】在编程领域,跨越不同操作系统的障碍是常见挑战。Python凭借其“编写一次,到处运行”的理念,显著简化了这一过程。通过os、subprocess、shutil等标准库模块,Python提供了统一的接口,自动处理底层差异,使代码在Windows和Linux上无缝运行。例如,`open`函数在不同系统中以相同方式操作文件,而`subprocess`模块则能一致地执行系统命令。此外,第三方库如psutil进一步增强了跨平台能力,使开发者能够轻松编写高效且易维护的代码。借助Python的强大系统调用功能,跨平台编程变得简单高效。
325 1
|
计算机视觉
【图像处理】 Halcon 实现图像亚像素边缘检测
如何在Halcon软件中实现图像亚像素边缘检测,包括读取图片、图像阈值化、边界提取、区域扩张、亚像素边缘提取、轮廓拟合和彩色绘图等步骤,并提供了相应的Halcon代码实现和检测效果展示。
611 2
|
Dart 前端开发 Android开发
【Flutter前端技术开发专栏】Flutter中的平台特定代码实现
【4月更文挑战第30天】Flutter旨在实现跨平台移动应用开发,但有时需针对iOS或Android编写特定代码。平台通道是关键机制,允许Dart代码与原生代码交互。通过`MethodChannel`等实现跨平台通信,然后在iOS和Android上响应调用。条件编译则在编译时决定特定平台代码。本文展示了如何在Flutter中处理平台特定功能,包括示例代码和总结。
491 0
【Flutter前端技术开发专栏】Flutter中的平台特定代码实现
|
弹性计算 缓存 测试技术
云服务器2核4G能支持多少人同时访问?2核4G5M并发量评测!
阿里云2核4g服务器能支持多少人访问?2核4G服务器并发数性能测试,阿小云账号下的2核4G服务器支持20人同时在线访问,然而应用不同、类型不同、程序效率不同实际并发数也不同,2核4G服务器的在线访问人数取决于多个变量