Chrome 확장 프로그램은 포스트 백 후에 컨트롤을 추가하나요?

Question

학교 웹 사이트의 검색 결과를 수정하여 반환 된 각 결과에 더 많은 정보를 추가 할 수있는 확장 프로그램을 작성 중입니다. 그러나 검색 페이지가 검색을 실행하고 검색 결과가 페이지에 동적으로 추가되면 내 확장 프로그램에 의해 페이지에 추가 된 요소가 제거됩니다.

간단한 디버깅으로 검색을 클릭하면 검색 버튼 옆에 버튼이 추가되었지만 검색을하면 버튼이 제거됩니다.

내가 추가하고있는 페이지를 작성하지 않았으므로 학교에서 ASP.Net에 해당 페이지를 작성했습니다.

역동적 인 게시물을 게시 한 후에 내 확장 프로그램이 검색 결과에 어떻게 영향을 줍니까?

Answer 1

먼저 검색 결과와 연결된 페이지에서 검색 결과가 처리 될 준비가되었음을 나타내는 요소 (예 : <div id="search-results">)를 찾아야합니다. 그런 다음이 요소가 만들어지고 때 잡으려고 DOMSubtreeModified을들을 수 있습니다 :

var processed = false; 
document.addEventListener("DOMSubtreeModified", function(event){ 
     if(!processed && document.getElementById("search-results")) { 
       processed = true; 

       //process 
     } 
});