我如何讓jQuery在Facebook發佈自動加載時執行某些操作，而不是在頁面加載時進行操作？

Question

我正在製作Chrome擴展程序以從Facebook供稿中刪除某些帖子。我使用jQuery，和我有這樣的事情：

$(document).ready(function() { 

    var post = $('.fbTimelineUnit'); 

    post.remove(); 

     } 
    ); 

這消除了第一個帖子說的負載，但其他人只是自動加載和佔用的空間已刪除的帖子一樣。說我想刪除所有帖子，因爲他們進來。我該怎麼做？

謝謝！

Answer 1

您可以使用MutationObserver來偵聽帖子父元素中的更改（即子添加）。 （我不知道很多關於FB，所以你必須自己弄清楚的細節。）

事端這樣的：

var postsContainer = ... 
var observer = new MutationObserver(function(mutations) { 
    mutations.forEach(function(mutation) { 
     // ...if it's a new post delete/remove/hide it somehow 
    });  
}); 
observer.observe(postsContainer, {childList: true, subtree: true }); 

// When done: 
observer.disconnect(); 

---

爲了讓您一開始，這裏有一些（簡單在擴展使用MutationObserver的不是那麼簡單的）例子：

• Example 1
• Example 2
• Example 3