「Userscript」:修訂間差異

出自Gea-Suan Lin's Wiki
跳至導覽 跳至搜尋
本頁面具有訪問限制。如果您看見此訊息,這代表您沒有訪問本頁面的權限。
行 6: 行 6:


== 範例 ==
== 範例 ==
=== SPA ===


 對於SPA類常用的方式,聽HTML元素的事件:
 對於SPA類常用的方式,聽HTML元素的事件:

於 2021年4月25日 (日) 20:11 的修訂

Userscript是一個讓開發者更容易操作(與修改)網頁的方式,通常是以JavaScript撰寫。

軟體

目前推薦使用開源的Violentmonkey,支援Chromium系列瀏覽器,以及Firefox瀏覽器。

範例

SPA

對於SPA類常用的方式,聽HTML元素的事件:

let ob = new window.MutationObserver(events => {
    events.forEach(ev => {
        ev.addedNodes.forEach(node => {
        });
    });
});

ob.observe(document, {
    childList: true,
    subtree: true,
});