网上找了半小时没找到问题和解决方案,只能自己调试了,经过两小时的调试,终于发现“chrome-extension://invalid”找不到资源的问题,是在处理远程文件是碰到’//域名.com/xxxx’的资源是由于没有http远程协议头,把该资源当作了本地资源,但本地又没有该资源就报错了,解决方法正则修正远程路径即可(为//xxx.com/xxx => http[s]:\//xxx.com/xxx)
案例重现
// 双杠路径问题 document.createElement('div').innerHTML =`<img data-src="//ae01.alicdn.com/kf/HTB1tEHzb.gQMeJjy0Ff762ddXXaF.png" src="//ae01.alicdn.com/kf/H550f9a3d61804a6c9fc937200b7db1c0H.png" ></a> ` // 标准路径 document.createElement('div').innerHTML =`<img data-src="//ae01.alicdn.com/kf/HTB1tEHzb.gQMeJjy0Ff762ddXXaF.png" src="https://ae01.alicdn.com/kf/H550f9a3d61804a6c9fc937200b7db1c0H.png" ></a> `