MutationObserver wrapper to wait for the specified CSS selector
Script này sẽ không được không được cài đặt trực tiếp. Nó là một thư viện cho các script khác để bao gồm các chỉ thị meta
// @require https://update.greasyfork.org/scripts/12228/175122/setMutationHandler.js
A MutationObserver wrapper to wait for an element (or elements) with the specified CSS selector.
First, load the function in your script metablock:
.............. // @require https://greasyfork.org/scripts/12228/code/setMutationHandler.js .............. // ==/UserScript==
Watch for added nodes:
setMutationHandler(document, '.container p.some-child', nodes => {
nodes.forEach(node => node.style.display = 'none');
return false; // disconnect the observer, this is useful for one-time jobs
});
The observation target parameter may be omitted so "document" will be used by default:
setMutationHandler('.container p.some-selector', nodes => { ...... });
Options form:
setMutationHandler({
processExisting: true, // Process existing elements and watch for mutations from now on
selector: '.container p.some-child',
handler: nodes => nodes.forEach(node => node.style.display = 'none')
});
Watch for added nodes only inside the specified container element that already exists in the document:
setMutationHandler({
target: document.querySelector('.container-selector'),
selector: 'p.some-child',
handler: nodes => nodes.forEach(node => node.style.display = 'none')
});
Advanced example with customized mutation options:
setMutationHandler({
selector: '.container p.some-child',
processExisting: false, // optional
target: document, // optional
childList: true, // optional
subtree: true, // optional
attributes: false, // optional
attributeFilter: [], // optional
attributeOldValue: false, // optional
characterData: false, // optional
characterDataOldValue: false, // optional
handler: nodes => {
console.log(nodes);
return false; // disconnect the observer, this is useful for one-time jobs
},
});
Make your userscript run at document-start to catch the mutations during page load:
.............. // @run-at document-start // @require https://greasyfork.org/scripts/12228/code/setMutationHandler.js .............. // ==/UserScript==