child script
Nếu site hạn chế eval code, bạn có thể tạo child script với các hàm dưới object window.
Ví dụ 1: Quy tắc đơn cho site hiện tại
// ==UserScript==
// @name Rule for Pagetual
// @namespace hoothin
// @version 0.1
// @author You
// @match https://www.xxx.win/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
window.pagetualRule = {
name: "xxx",
pageElement: "#post-list > .card",
lazyImgSrc: "file",
css: "img.sl_lazyimg{opacity:1}",
pageAction: (doc, eles) => {
eles.forEach(ele => {
let img = ele.querySelector('img');
img.classList.remove('sl_lazyimg')
})
}
}
})();
Với quy tắc đơn, có thể bỏ url vì script đã có lọc.
Ví dụ 2: Bộ quy tắc cho nhiều site
// ==UserScript==
// @name Rules collection for Pagetual
// @namespace hoothin
// @version 0.1
// @author You
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
window.pagetualRules = [
{
name: "xxx",
url: "^https://www\\.xxx\\.",
pageElement: "#post-list > .card",
lazyImgSrc: "file",
css: "img.sl_lazyimg{opacity:1}",
pageAction: (doc, eles) => {
eles.forEach(ele => {
let img = ele.querySelector('img');
img.classList.remove('sl_lazyimg')
})
}
},
{
name: "yyy",
url: "^http://yyy\\.",
pageElement: "#main > li",
pageAction: (doc, eles) => {
eles.forEach(ele => {
let img = ele.querySelector('img');
img.classList.remove('lazy')
})
}
}
]
})();