Ik heb een lange, lange lijst met CSS selectors (de lijsten van AdBlock om precies te zijn).
Weet er iemand een snelle manier om erachter te komen welke van deze selectors op een pagina matchen?
Momenteel gebruiken we deze code, maar dit duurt nogal lang voordat dit klaar is... Misschien kent iemand een snellere functie/methode?
[JS]// selectors is een array met alle css selectors
selectors.
filter(function(selector) { return $(selector).length > 0; }).
forEach(function(selector) {
console.log("Debug: CSS '" + selector + "' hid:");
$(selector).each(function(i, el) {
console.log(" " + el.nodeName + "#" + el.id + "." + el.className);
});
});[/JS]
Het hoeft alleen in WebKit browsers (Chrome, Safari) te werken.
Weet er iemand een snelle manier om erachter te komen welke van deze selectors op een pagina matchen?
Momenteel gebruiken we deze code, maar dit duurt nogal lang voordat dit klaar is... Misschien kent iemand een snellere functie/methode?
[JS]// selectors is een array met alle css selectors
selectors.
filter(function(selector) { return $(selector).length > 0; }).
forEach(function(selector) {
console.log("Debug: CSS '" + selector + "' hid:");
$(selector).each(function(i, el) {
console.log(" " + el.nodeName + "#" + el.id + "." + el.className);
});
});[/JS]
Het hoeft alleen in WebKit browsers (Chrome, Safari) te werken.