我正在构建Chrome扩展程序,其中涉及更改网站的默认css,代码框架如下
chrome.extension.sendRequest({
options: "foo"
}, function(response) {
if(response=='on'){
var d = document.documentElement;
var css_chunk = document.createElement("style");
css_chunk.type = "text/css";
css_chunk.innerText = "img{ visibility:hidden !important; display:none !important; } ";
d.insertBefore(css_chunk, null);
}
});
我发现它更像是一个AJAX调用,因此在加载原始网站之前css并没有改变。问题是有时它会在图像消失之前很短的时间内“眨眼”。有没有选项让这个调用同步?
我在通话结束后加入睡眠(n)并且可以正常工作。然而,该功能对于用户是可选的,即如果功能关闭,则页面睡眠(n)也是不合理的。