「Userscript」:修訂間差異

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


重新安裝時用的,自己寫的就不列出來了:
* ​https://greasyfork.org/en/scripts/12493-hacker-news-folding-subtrees
* https://greasyfork.org/en/scripts/15261-facebook-sort-recent-newsfeed-by-default
* https://greasyfork.org/en/scripts/23661-youtube-hd
* https://greasyfork.org/en/scripts/23661-youtube-hd
* ​https://greasyfork.org/en/scripts/383093-twitch-disable-automatic-video-downscale
* https://greasyfork.org/en/scripts/394512-youtube-progressbar-preserver
* ​https://greasyfork.org/en/scripts/403045-dmhy-bangumi-current-season


== 外部連結 ==
== 外部連結 ==

於 2021年10月11日 (一) 10:49 的修訂

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

軟體

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

範例

SPA

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

let ob = new window.MutationObserver(mutations => {
    mutations.forEach(mutation => {
        mutation.addedNodes.forEach(node => {
            // Uninstall
            ob.disconnect();
        });
    });
});

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

自用

重新安裝時用的,自己寫的就不列出來了:

外部連結

Hosting