2017-02-13 51 views
0

我目前正在制作我的第一个Chrome扩展,它根据特定关键字的存在进行了一些HTML更改(过滤器帖子)。然而,这只是第一次加载页面,并且点击了扩展,而不是在加载更多的故事时。我读了livequery的帮助,但由于某种原因,这也无济于事,可能会贬值。如何让我的facebook的扩展名重复执行,而不仅仅是第一次加载?

目前,我从后台脚本发送消息来执行过滤。

content.js

chrome.runtime.onMessage.addListener(function(message, sender, response){ 
if(message.type=="color-divs"){ 
     var divs = document.getElementsByClassName("userContent"); 
     var blacklist = [ 
         "Trump" 
         ] 
    for(var i=0; i<blacklist.length; i++){ 
      for(var j=0; j<divs.length; j++){ 
       var ps = divs[j].getElementsByTagName('p'); 
       var p = ps[0]; 
       if(p.innerHTML.indexOf(blacklist[i]) != -1){ 
        alert("lol"); 
        var parent = divs[j].parentNode; 

        for(var k = 0; k<parent.childNodes.length; k++){ 
         alert(parent.childNodes[k].className); 
         if (parent.childNodes[k].className == "_5x46") { 
          parent.childNodes[k].style.opacity = "0.0"; 
         } 
         if (parent.childNodes[k].className == "_5pbx userContent") { 
          parent.childNodes[k].style.backgroundColor = "black"; 
         } 

         if (parent.childNodes[k].className == "_3x-2") { 
          parent.childNodes[k].style.opacity = "0.0"; 
         } 

        } 
       } 
      } 
     } 

} 

});

+1

很多问题已经涵盖了这一点。 –

+0

看到这个答案:[是否有JavaScript/jQuery DOM更改侦听器?](// stackoverflow.com/a/39508954) – Makyen

+0

使用MutationObserver完美运行。非常感谢。对不起,重复的问题。 –

回答

-1

尝试制作事件侦听器。加载新内容时,会运行该事件。

相关问题