Userscript:修订间差异

来自Gea-Suan Lin's Wiki
跳到导航 跳到搜索
此页面具有访问限制。如果您看见此消息,则说明您没有权限访问此页面。
→‎SPA
无编辑摘要
第24行: 第24行:
});
});
</syntaxhighlight>
</syntaxhighlight>
== 外部連結 ==
* https://greasyfork.org/
* https://openuserjs.org/

2021年5月3日 (一) 10:22的版本

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

軟體

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

範例

SPA

對於SPA類常用的方式,聽HTML元素的事件(這邊是聽document元素,可以自己考慮聽更小的範圍):

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

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

外部連結