如何使用 MutationObservers 高效能擷取 Greasemonkey 腳本中的 URL 變更？

在 Greasemonkey 腳本中捕獲 URL 更改

在 Greasemonkey 腳本中，通常需要使用事件監視 URL 修改。然而，輪詢或逾時方法可能並不理想。這是一個利用 MutationObservers 無縫檢測和處理 URL 變更的解決方案。

要實作此方法，請依照下列步驟操作：

1. 初始化DOM 引用變數：

   • 初始化一個變數來保存原始URL：var oldHref = document.location.href;
   • 選擇用於MutationObserver 監控的body 元素：var bodyList = document.querySelector( 'body');

2. 建立一個MutationObserver:

   • 使用回調函式實例化一個MutationObserver，當URL 變更： varobserver = newtationObserver(f. .. });

3. 設定MutationObserver 選項：

   • 設定者監聽子樹變化與子樹變化： var config = { childList: true, subtree: true };

4. 將觀察者加入DOM :

   將觀察者加入DOM :
   將觀察者加入到DOM :

5. 將觀察者加入到DOM :

   將觀察者加入到DOM>開始觀察body 元素的變化：observer.observe(bodyList, config);

句柄URL回呼中的變更：

句柄URL回呼中的變更： 在觀察者回呼中，檢查URL 變更並執行必要的操作： if (oldHref != document.location.href) { ... }此解決方案利用MutationObservers，它提供了一種有效的方法來監視DOM 更改，包括由URL 修改引起的更改。它避免了輪詢或逾時方法，確保即時檢測 URL 變更並存取指向修改後 URL 的文件的 DOM。

以上是如何使用 MutationObservers 高效能擷取 Greasemonkey 腳本中的 URL 變更？的詳細內容。更多資訊請關注PHP中文網其他相關文章！