修复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');
相关推荐
mCell7 小时前
GSAP ScrollTrigger 详解
前端·javascript·动效
gnip7 小时前
Node.js 子进程:child_process
前端·javascript
excel10 小时前
为什么在 Three.js 中平面能产生“起伏效果”?
前端
excel11 小时前
Node.js 断言与测试框架示例对比
前端
天蓝色的鱼鱼13 小时前
前端开发者的组件设计之痛:为什么我的组件总是难以维护?
前端·react.js
codingandsleeping13 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
石金龙14 小时前
[译] Composition in CSS
前端·css
白水清风14 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
Ticnix14 小时前
函数封装实现Echarts多表渲染/叠加渲染
前端·echarts
用户221520442780014 小时前
new、原型和原型链浅析
前端·javascript