Chạy tập lệnh Greasemonkey trên cùng một trang, nhiều lần?

Question

Tôi hoàn toàn mới đối với Greasemonkey, javascript, trên thực tế là tất cả các giao diện người dùng.

Yêu cầu: UserScript được chạy bởi GS một lần sau khi tải trang. Tuy nhiên, tôi cần cùng một tập lệnh để chạy nhiều lần mà không cần làm mới

Trường hợp sử dụng: Đối với ví dụ, tìm kiếm Amazon.com xảy ra khi sử dụng Ajax. Tôi cần nhúng phần tử tùy chỉnh vào kết quả tìm kiếm.

tôi cần phải tiêm nội dung của tôi với kết quả tìm kiếm-div cùng với kết quả mỗi lần tìm kiếm sẽ xảy ra trong cùng một trang (không có làm mới trang)

kịch bản hiện tại của tôi chỉ chạy với làm mới trang.

Tôi hy vọng giải thích ở trên là rõ ràng. Hãy giúp tôi.

Answer 1

Cách đơn giản nhất, mạnh mẽ nhất là sử dụng the waitForKeyElements() utility.

Đây là một hoàn chỉnh kịch bản sử dụng jQuery và waitForKeyElements để thay đổi kết quả tìm kiếm của Amazon:

// ==UserScript== 
// @name  _Amazon Search, alter results 
// @include http://www.amazon.com/s/* 
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js 
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js 
// @grant GM_addStyle 
// ==/UserScript== 
/*- The @grant directive is needed to work around a design change 
    introduced in GM 1.0. It restores the sandbox. 
*/ 

function addCustomSearchResult (jNode) { 
    //***** YOUR CODE HERE ***** 
    jNode.prepend (
     '<div id="result_000" class="fstRow">Buy my stuff, instead!</div>' 
    ); 
} 

waitForKeyElements ("#atfResults", addCustomSearchResult); 

Answer 2

Bạn có thể sử dụng các sự kiện DOMNodeInserted gọi callback của bạn, ví dụ:

document.addEventListener('DOMNodeInserted', function() { alert('hi') }, false); 

Lưu ý rằng sự kiện này sẽ được kích hoạt bởi bất kỳ sự thay đổi trong cấu trúc trang, vì vậy bạn sẽ cần phải kiểm tra xem bạn nhắm mục tiêu thay đổi phù hợp.