Userscript:修订间差异

来自Gea-Suan Lin's Wiki
跳到导航 跳到搜索
此页面具有访问限制。如果您看见此消息,则说明您没有权限访问此页面。
→‎SPA
第9行: 第9行:
=== SPA ===
=== SPA ===


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


<syntaxhighlight lang="javascript">
<syntaxhighlight lang="javascript">

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

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,
});