CHROME插件开发bug之“chrome-extension://invalid/:1 GET chrome-extension://invalid/ net::ERR_FAILED”

网上找了半小时没找到问题和解决方案，只能自己调试了，经过两小时的调试，终于发现“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>
`