zhihu图片无法显示问题插件
程序员文章站
2023-12-24 08:27:57
...
知乎改成全站https后,部分图片总是无法显示。
测试了下,图片用http是可以访问的,于是写了以下chrome插件,来手动解决图片不现实的这个问题。
1.插件的文件目录如下:
manifest.json
js/jquery-3.1.1.min.js
js/frady-zhihu.js,插件代码js
2.manifest.json内容如下:
3.插件的代码如下:
4.手动加载插件代码,完美显示图片。
测试了下,图片用http是可以访问的,于是写了以下chrome插件,来手动解决图片不现实的这个问题。
1.插件的文件目录如下:
manifest.json
js/jquery-3.1.1.min.js
js/frady-zhihu.js,插件代码js
2.manifest.json内容如下:
{ "name":"frady's zhihu", "version":"1.0", "manifest_version":2, "description":"for frady", "content_scripts":[{ "matches":["https://*.zhihu.com/*","http://*.zhihu.com/*"], "js":["js/jquery-3.1.1.min.js","js/frady-zhihu.js"] }] }
3.插件的代码如下:
function renderImage(){ $(".VagueImage").each(function(){ if($(this).html()==null || $(this).html()==''){ var origin_image=$(this).attr("data-src").replace("https","http") $(this).html("<img src='"+origin_image+"' />"); } }); $(".AuthorInfo-avatar").each(function(){ if($(this).attr("src")!=null && $(this).attr("src").indexOf('https')==0){ $(this).attr("src",$(this).attr("src").replace("https","http")) $(this).attr("srcset",$(this).attr("srcset").replace("https","http")) } }); } $().ready(function() { $('.zu-top').remove(); $('.PageHeader-content').remove(); $('.AppHeader').remove(); renderImage(); $(window).scroll(function () { renderImage(); }); });
4.手动加载插件代码,完美显示图片。
推荐阅读
-
zhihu图片无法显示问题插件
-
FUck ,终于解决phpmyadimn插入中文,页面无法正常显示的有关问题
-
编辑In-App Purchases 无法显示问题的解决
-
解决Android从相册中获取图片出错图片却无法裁剪问题的方法
-
ToolBar中menu无法同时显示图标和文字问题的解决方法
-
Android圆形头像拍照后“无法加载此图片”的问题解决方法(适配Android7.0)
-
ToolBar中menu无法同时显示图标和文字问题的解决方法
-
详解canvas drawImage()方法绘制图片不显示的问题
-
Android圆形头像拍照后“无法加载此图片”的问题解决方法(适配Android7.0)
-
怎么解决压缩文件不能打开显示无法找到应用程序的问题