Userscript:修订间差异

来自Gea-Suan Lin's Wiki
跳到导航 跳到搜索
此页面具有访问限制。如果您看见此消息,则说明您没有权限访问此页面。
无编辑摘要
第1行: 第1行:
'''Userscript'''是一個讓開發者更容易操作(與修改)網頁的方式,通常是以[[JavaScript]]撰寫。
'''Userscript'''是一個讓開發者更容易操作(與修改)網頁的方式,通常是以[[JavaScript]]撰寫。
== 軟體 ==
目前推薦使用開源的[[Violentmonkey]],支援[[Chromium]]系列瀏覽器,以及[[Firefox]]瀏覽器。


== 範例 ==
== 範例 ==

2021年4月25日 (日) 20:10的版本

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

軟體

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

範例

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

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

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