修复img实际有正确的链接,但是不显示 (chrome 插件保存的html)--google镜像chatgpt

打开目标html文件 chrome 控制台 执行以下脚本

javascript 复制代码
//删除侧边栏
$x("//div[@id='sidebar']")[0].remove();

//修复img实际有正确的链接,但是不显示  (chrome 插件保存的html)
//img.data-savepage-src 复制到 img.src
imgs=$x("//img");
imgs.forEach((img) => {  var src=img.getAttribute('src');  if(!src.startsWith('data:image') && !src.startsWith("http") ) {img.setAttribute("src", img.getAttribute("data-savepage-src")) };  });  
javascript 复制代码
    
    //刷新单个节点
function reload(  id){
    var container = document.getElementById(id);
    var content = container.innerHTML;
    container.innerHTML= content; 
    
   //this line is to watch the result in console , you can remove it later	
    console.log("Refreshed:"+id); 
}



imgs=$x("//img");
//imgs.forEach((img) => {   img.setAttribute("src", img.getAttribute("data-savepage-src"));  });   

$x("//div[@id='sidebar']")[0].remove();
imgs=$x("//img");
imgs.forEach((img) => {  
var src=img.getAttribute('src');  
var parentNode = img.parentNode;
//src有可能是 data:img/png 后跟着图片内容base64编码的样式
//img如果不是http打头(可能是data:img/打头) 且 img的父节点是超链接a , 
if(  !src.startsWith("http") && parentNode.tagName=='A' )  {
//则用a.href覆盖img.src
    img.setAttribute("src", parentNode.getAttribute("href") ); 
    img.removeAttribute("data-savepage-src"); 
};  
});  
reload('page');
相关推荐
web打印社区24 分钟前
使用React如何静默打印页面:完整的前端打印解决方案
前端·javascript·vue.js·react.js·pdf·1024程序员节
喜欢踢足球的老罗25 分钟前
[特殊字符] PM2 入门实战:从 0 到线上托管 React SPA
前端·react.js·前端框架
小光学长35 分钟前
基于Vue的课程达成度分析系统t84pzgwk(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
andyguo1 小时前
ChatGPT Atlas vs Chrome:AI 浏览器的新纪元
人工智能·chrome·chatgpt
Baklib梅梅2 小时前
探码科技再获“专精特新”认定:Baklib引领AI内容管理新方向
前端·ruby on rails·前端框架·ruby
大飞记Python2 小时前
实战分享:一键自动化下载指定版本的Chrome及Chromedriver(附Python源码)
chrome·python·自动化
南方以南_2 小时前
Chrome开发者工具
前端·chrome
YiHanXii2 小时前
this 输出题
前端·javascript·1024程序员节
楊无好2 小时前
React中ref
前端·react.js
程琬清君2 小时前
vue3 confirm倒计时
前端·1024程序员节