这个似乎需要遍历完整的DOM节点来查找具有backgroundImage属性的元素,而且需要监听DOM的变化。暂时还没有找其他更好的实现方式
这个方法用document.all说不定可行。但是我怕性能有问题。
如果是fetch请求一个图片资源的话,判断返回是否是个图片资源然后在控制台显示它的图片应该更为可行
或许不需要二次请求?respond有一个clone方法,允许body多次使用
似乎比较麻烦,首先需要获取到有backgroundImage的DOM元素,然后需要处理图片是相对路径的情况,最后需要主动fetch图片,这样才会在Devtools的Network中有请求记录。这里还有一个是要考虑图片跨域的问题,现在的做法都是将图片URL请求到node层,在node把图片fetch后转成base64返回
我觉得有两个更容易实现的方法,一个是Performance api获取resource请求。另一个是service worker,两个应该都能hook所有请求,但是后者有环境要求。
Activity
Nice-PLQ commentedon Jul 14, 2024
这个似乎需要遍历完整的DOM节点来查找具有backgroundImage属性的元素,而且需要监听DOM的变化。暂时还没有找其他更好的实现方式
nonameShijian commentedon Jul 14, 2024
这个方法用document.all说不定可行。但是我怕性能有问题。
如果是fetch请求一个图片资源的话,判断返回是否是个图片资源然后在控制台显示它的图片应该更为可行
nonameShijian commentedon Jul 25, 2024
或许不需要二次请求?respond有一个clone方法,允许body多次使用
Nice-PLQ commentedon Jul 26, 2024
似乎比较麻烦,首先需要获取到有backgroundImage的DOM元素,然后需要处理图片是相对路径的情况,最后需要主动fetch图片,这样才会在Devtools的Network中有请求记录。这里还有一个是要考虑图片跨域的问题,现在的做法都是将图片URL请求到node层,在node把图片fetch后转成base64返回
nonameShijian commentedon Jul 26, 2024
我觉得有两个更容易实现的方法,一个是Performance api获取resource请求。另一个是service worker,两个应该都能hook所有请求,但是后者有环境要求。