uBlock/src/js/contentscript.js

1344 lines
45 KiB
JavaScript
Raw Normal View History

2014-06-23 16:42:43 -06:00
/*******************************************************************************
2016-03-06 08:51:06 -07:00
uBlock Origin - a browser extension to block requests.
Copyright (C) 2014-2016 Raymond Hill
2014-06-23 16:42:43 -06:00
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see {http://www.gnu.org/licenses/}.
Home: https://github.com/gorhill/uBlock
*/
'use strict';
/******************************************************************************/
2014-06-23 16:42:43 -06:00
// Injected into content pages
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
// Abort execution by throwing if an unexpected condition arise.
// - https://github.com/chrisaljoudi/uBlock/issues/456
if ( typeof vAPI !== 'object' || vAPI.contentscriptInjected ) {
throw new Error('Unexpected condition: aborting.');
}
vAPI.contentscriptInjected = true;
vAPI.matchesProp = (function() {
var docElem = document.documentElement;
if ( typeof docElem.matches !== 'function' ) {
if ( typeof docElem.mozMatchesSelector === 'function' ) {
return 'mozMatchesSelector';
} else if ( typeof docElem.webkitMatchesSelector === 'function' ) {
return 'webkitMatchesSelector';
}
}
return 'matches';
})();
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
// The DOM filterer is the heart of uBO's cosmetic filtering.
vAPI.domFilterer = {
allExceptions: Object.create(null),
allSelectors: Object.create(null),
cosmeticFiltersActivatedTimer: null,
cssNotHiddenId: '',
disabledId: String.fromCharCode(Date.now() % 26 + 97) + Math.floor(Math.random() * 982451653 + 982451653).toString(36),
enabled: true,
hiddenId: String.fromCharCode(Date.now() % 26 + 97) + Math.floor(Math.random() * 982451653 + 982451653).toString(36),
hiddenNodeCount: 0,
matchesProp: vAPI.matchesProp,
newDeclarativeSelectors: [],
shadowId: String.fromCharCode(Date.now() % 26 + 97) + Math.floor(Math.random() * 982451653 + 982451653).toString(36),
styleTags: [],
xpathNotHiddenId: '',
simpleGroupSelector: null,
simpleSelectors: [],
complexGroupSelector: null,
complexSelectors: [],
complexSelectorsCost: 0,
complexSelectorsNodeSet: null,
complexHasSelectors: [],
complexHasSelectorsCost: 0,
simpleHasSelectors: [],
xpathExpression: null,
xpathResult: null,
xpathSelectors: [],
xpathSelectorsCost: 0,
addExceptions: function(aa) {
for ( var i = 0, n = aa.length; i < n; i++ ) {
this.allExceptions[aa[i]] = true;
}
},
addHasSelector: function(s1, s2) {
var entry = { a: s1, b: s2.slice(5, -1) };
if ( s1.indexOf(' ') === -1 ) {
this.simpleHasSelectors.push(entry);
} else {
this.complexHasSelectors.push(entry);
this.complexHasSelectorsCost = 0;
}
},
addSelector: function(s) {
if ( this.allSelectors[s] || this.allExceptions[s] ) {
return;
}
this.allSelectors[s] = true;
var pos = s.indexOf(':');
if ( pos !== -1 ) {
pos = s.indexOf(':has(');
if ( pos !== -1 ) {
this.addHasSelector(s.slice(0, pos), s.slice(pos));
return;
}
if ( s.lastIndexOf(':xpath(', 0) === 0 ) {
this.addXpathSelector('', s);
return;
}
}
if ( s.indexOf(' ') === -1 ) {
this.simpleSelectors.push(s);
this.simpleGroupSelector = null;
} else {
this.complexSelectors.push(s);
this.complexGroupSelector = null;
this.complexSelectorsCost = 0;
}
this.newDeclarativeSelectors.push(s);
},
addSelectors: function(aa) {
for ( var i = 0, n = aa.length; i < n; i++ ) {
this.addSelector(aa[i]);
}
},
addXpathSelector: function(s1, s2) {
this.xpathSelectors.push(s2.slice(7, -1));
this.xpathExpression = null;
this.xpathSelectorsCost = 0;
},
checkStyleTags: function(commitIfNeeded) {
var doc = document,
html = doc.documentElement,
head = doc.head,
newParent = head || html;
if ( newParent === null ) {
return;
}
var styles = this.styleTags,
style, oldParent,
mustCommit = false;
for ( var i = 0; i < styles.length; i++ ) {
style = styles[i];
oldParent = style.parentNode;
// https://github.com/gorhill/uBlock/issues/1031
// If our style tag was disabled, re-insert into the page.
if (
style.disabled &&
oldParent !== null &&
style.hasAttribute(this.disabledId) === false
) {
oldParent.removeChild(style);
oldParent = null;
}
if ( oldParent === head || oldParent === html ) {
continue;
}
style.disabled = false;
newParent.appendChild(style);
mustCommit = true;
}
if ( mustCommit && commitIfNeeded ) {
this.commit();
}
},
commit: function(stagedNodes) {
var beforeHiddenNodeCount = this.hiddenNodeCount;
if ( stagedNodes === undefined ) {
stagedNodes = [ document.documentElement ];
}
// Inject new declarative selectors.
if ( this.newDeclarativeSelectors.length ) {
var styleTag = document.createElement('style');
styleTag.setAttribute('type', 'text/css');
styleTag.textContent =
':root ' +
this.newDeclarativeSelectors.join(',\n:root ') +
'\n{ display: none !important; }';
document.head.appendChild(styleTag);
this.styleTags.push(styleTag);
this.newDeclarativeSelectors.length = 0;
}
// Simple `:has()` selectors.
if ( this.simpleHasSelectors.length ) {
this.commitSimpleHasSelectors(stagedNodes);
}
// Complex `:has()` selectors.
if ( this.complexHasSelectorsCost < 10 && this.complexHasSelectors.length ) {
this.commitComplexHasSelectors();
}
// `:xpath()` selectors.
if ( this.xpathSelectorsCost < 10 && this.xpathSelectors.length ) {
this.commitXpathSelectors();
}
// Committing declarative selectors is entirely optional, but it helps
// harden uBO against sites which try to bypass uBO's injected styles.
// Simple selectors.
if ( this.simpleSelectors.length ) {
this.commitSimpleSelectors(stagedNodes);
}
// Complex selectors.
if ( this.complexSelectorsCost < 10 && this.complexSelectors.length ) {
this.commitComplexSelectors();
}
// If DOM nodes have been affected, lazily notify core process.
if (
this.hiddenNodeCount !== beforeHiddenNodeCount &&
this.cosmeticFiltersActivatedTimer === null
) {
this.cosmeticFiltersActivatedTimer = vAPI.setTimeout(
this.cosmeticFiltersActivated.bind(this),
503
);
}
},
commitComplexHasSelectors: function() {
var tstart = window.performance.now(),
entry, nodes, j, node,
i = this.complexHasSelectors.length;
while ( i-- ) {
entry = this.complexHasSelectors[i];
nodes = document.querySelectorAll(entry.a + this.cssNotHiddenId);
j = nodes.length;
while ( j-- ) {
node = nodes[j];
if ( node.querySelector(entry.b) !== null ) {
this.hideNode(node);
}
}
}
this.complexHasSelectorsCost = window.performance.now() - tstart;
},
commitComplexSelectors: function() {
var tstart = window.performance.now(),
newNodeSet = new Set();
if ( this.complexGroupSelector === null ) {
this.complexGroupSelector = this.complexSelectors.join(',');
}
var nodes = document.querySelectorAll(this.complexGroupSelector),
i = nodes.length, node;
while ( i-- ) {
node = nodes[i];
newNodeSet.add(node);
if ( !this.complexSelectorsNodeSet.delete(node) ) {
this.hideNode(node);
}
}
var iter = this.complexSelectorsNodeSet.values();
while ( (node = iter.next().value) ) {
this.unhideNode(node);
}
this.complexSelectorsNodeSet = newNodeSet;
this.complexSelectorsCost = window.performance.now() - tstart;
},
commitSimpleHasSelectors: function(stagedNodes) {
var i = this.simpleHasSelectors.length,
entry, j, parent, nodes, k, node;
while ( i-- ) {
entry = this.simpleHasSelectors[i];
j = stagedNodes.length;
while ( j-- ) {
parent = stagedNodes[j];
if ( parent[this.matchesProp](entry.a) && parent.querySelector(entry.b) !== null ) {
this.hideNode(parent);
}
nodes = parent.querySelectorAll(entry.a + this.cssNotHiddenId);
k = nodes.length;
while ( k-- ) {
node = nodes[k];
if ( node.querySelector(entry.b) !== null ) {
this.hideNode(node);
}
}
}
}
},
commitSimpleSelectors: function(stagedNodes) {
if ( this.simpleGroupSelector === null ) {
this.simpleGroupSelector =
this.simpleSelectors.join(this.cssNotHiddenId + ',') +
this.cssNotHiddenId;
}
var i = stagedNodes.length, stagedNode, nodes, j;
while ( i-- ) {
stagedNode = stagedNodes[i];
if ( stagedNode[this.matchesProp](this.simpleGroupSelector) ) {
this.hideNode(stagedNode);
}
nodes = stagedNode.querySelectorAll(this.simpleGroupSelector);
j = nodes.length;
while ( j-- ) {
this.hideNode(nodes[j]);
}
}
},
commitXpathSelectors: function() {
var tstart = window.performance.now();
if ( this.xpathExpression === null ) {
this.xpathExpression = document.createExpression(
this.xpathSelectors.join(this.xpathNotHiddenId + '|') + this.xpathNotHiddenId,
null
);
}
this.xpathResult = this.xpathExpression.evaluate(
document,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
this.xpathResult
);
var i = this.xpathResult.snapshotLength, node;
while ( i-- ) {
node = this.xpathResult.snapshotItem(i);
if ( node.nodeType === 1 ) {
this.hideNode(node);
}
}
this.xpathSelectorsCost = window.performance.now() - tstart;
},
cosmeticFiltersActivated: function() {
this.cosmeticFiltersActivatedTimer = null;
vAPI.messaging.send(
'contentscript',
{ what: 'cosmeticFiltersActivated' }
);
},
hideNode: (function() {
if ( document.documentElement.shadowRoot === undefined ) {
return function(node) {
this.hiddenNodeCount += 1;
node.setAttribute(this.hiddenId, '');
if ( this.enabled ) {
node.style.setProperty('display', 'none', 'important');
}
};
}
return function(node) {
this.hiddenNodeCount += 1;
node.setAttribute(this.hiddenId, '');
var shadow = node.shadowRoot;
// https://www.chromestatus.com/features/4668884095336448
// "Multiple shadow roots is being deprecated."
if ( shadow !== null ) {
if ( shadow.className !== this.shadowId ) {
node.style.setProperty('display', 'none', 'important');
}
return;
}
// https://github.com/gorhill/uBlock/pull/555
// Not all nodes can be shadowed:
// https://github.com/w3c/webcomponents/issues/102
// https://github.com/gorhill/uBlock/issues/762
// Remove display style that might get in the way of the shadow
// node doing its magic.
try {
shadow = node.createShadowRoot();
shadow.className = this.shadowId;
node.style.removeProperty('display');
} catch (ex) {
node.style.setProperty('display', 'none', 'important');
}
};
})(),
toggleOff: function() {
this.enabled = false;
},
toggleOn: function() {
this.enabled = true;
},
unhideNode: function(node) {
this.hiddenNodeCount--;
node.removeAttribute(this.hiddenId);
var shadow = node.shadowRoot;
if ( shadow && shadow.className === this.shadowId ) {
if ( shadow.firstElementChild !== null ) {
shadow.removeChild(shadow.firstElementChild);
}
shadow.appendChild(document.createElement('content'));
} else {
node.style.removeProperty('display');
}
}
};
// Not everything could be initialized at declaration time.
2015-01-01 19:14:53 -07:00
(function() {
var df = vAPI.domFilterer;
df.cssNotHiddenId = ':not([' + df.hiddenId + '])';
df.xpathNotHiddenId = '[not(@' + df.hiddenId + ')]';
// Complex selectors, due to their nature may need to be "de-committed". A
// Set() is used to implement this functionality. For browser with no
// support of Set(), uBO will skip committing complex selectors.
if ( typeof window.Set === 'function' ) {
df.complexSelectorsNodeSet = new Set();
} else {
df.complexSelectorsCost = Number.MAX_VALUE;
}
// Theoretically, `:has`- and `:xpath`-based selectors may also need to
// be de-committed. But for performance purpose, this is not implemented,
// and anyways, the point of these selectors is to be very accurate, so
// I do not expect de-committing scenarios to occur with proper use of
// these selectors.
})();
2015-01-01 19:14:53 -07:00
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
// This is executed once, and since no hooks are left behind once the response
// is received, I expect this code to be garbage collected by the browser.
(function domIsLoading() {
2015-01-01 19:14:53 -07:00
/******************************************************************************/
// Domain-based ABP cosmetic filters.
// These can be inserted before the DOM is loaded.
2015-01-13 13:52:15 -07:00
var cosmeticFilters = function(details) {
var domFilterer = vAPI.domFilterer;
domFilterer.addExceptions(details.cosmeticDonthide);
// https://github.com/chrisaljoudi/uBlock/issues/143
domFilterer.addSelectors(details.cosmeticHide);
domFilterer.commit();
};
2015-01-13 13:52:15 -07:00
/******************************************************************************/
2014-06-23 16:42:43 -06:00
var netFilters = function(details) {
var parent = document.head || document.documentElement;
if ( !parent ) {
return;
}
var styleTag = document.createElement('style');
styleTag.setAttribute('type', 'text/css');
var text = details.netHide.join(',\n');
var css = details.netCollapse ?
'\n{display:none !important;}' :
'\n{visibility:hidden !important;}';
styleTag.appendChild(document.createTextNode(text + css));
parent.appendChild(styleTag);
};
/******************************************************************************/
// Create script tags and assign data URIs looked up from our library of
// redirection resources: Sometimes it is useful to use these resources as
// standalone scriptlets. These scriptlets are injected from within the
// content scripts because what must be injected, if anything, depends on the
// currently active filters, as selected by the user.
// Library of redirection resources is located at:
// https://github.com/gorhill/uBlock/blob/master/assets/ublock/resources.txt
var injectScripts = function(scripts) {
var parent = document.head || document.documentElement;
if ( !parent ) {
return;
}
var scriptTag = document.createElement('script');
// Have the injected script tag remove itself when execution completes: to
// keep DOM as clean as possible.
scripts +=
"\n" +
"(function() {\n" +
" var c = document.currentScript,\n" +
" p = c && c.parentNode;\n" +
" if ( p ) {\n" +
" p.removeChild(c);\n" +
" }\n" +
"})();";
scriptTag.appendChild(document.createTextNode(scripts));
parent.appendChild(scriptTag);
vAPI.injectedScripts = scripts;
};
/******************************************************************************/
var responseHandler = function(details) {
if ( details ) {
if (
(vAPI.skipCosmeticFiltering = details.skipCosmeticFiltering) !== true &&
(details.cosmeticHide.length !== 0 || details.cosmeticDonthide.length !== 0)
) {
cosmeticFilters(details);
}
if ( details.netHide.length !== 0 ) {
netFilters(details);
}
if ( details.scripts ) {
injectScripts(details.scripts);
}
// The port will never be used again at this point, disconnecting allows
// the browser to flush this script from memory.
}
// https://github.com/chrisaljoudi/uBlock/issues/587
// If no filters were found, maybe the script was injected before uBlock's
// process was fully initialized. When this happens, pages won't be
// cleaned right after browser launch.
vAPI.contentscriptInjected = details && details.ready;
};
/******************************************************************************/
var url = window.location.href;
vAPI.messaging.send(
'contentscript',
{
what: 'retrieveDomainCosmeticSelectors',
pageURL: url,
locationURL: url
},
responseHandler
);
/******************************************************************************/
})();
/******************************************************************************/
/******************************************************************************/
2014-06-23 16:42:43 -06:00
/******************************************************************************/
2015-04-06 19:26:05 -06:00
// https://github.com/chrisaljoudi/uBlock/issues/7
2015-03-29 10:13:28 -06:00
var domCollapser = (function() {
2015-03-29 10:13:28 -06:00
var timer = null;
var requestId = 1;
var newRequests = [];
var pendingRequests = Object.create(null);
2015-03-29 10:13:28 -06:00
var pendingRequestCount = 0;
2015-06-04 09:17:02 -06:00
var src1stProps = {
2015-03-29 10:13:28 -06:00
'embed': 'src',
'img': 'src',
'object': 'data'
};
2015-06-04 09:17:02 -06:00
var src2ndProps = {
'img': 'srcset'
};
2016-03-06 08:51:06 -07:00
var messaging = vAPI.messaging;
2015-03-29 10:13:28 -06:00
var PendingRequest = function(target, tagName, attr) {
this.id = requestId++;
this.target = target;
this.tagName = tagName;
this.attr = attr;
pendingRequests[this.id] = this;
pendingRequestCount += 1;
};
// Because a while ago I have observed constructors are faster than
// literal object instanciations.
var BouncingRequest = function(id, tagName, url) {
this.id = id;
this.tagName = tagName;
this.url = url;
this.collapse = false;
};
var onProcessed = function(response) {
// This can happens if uBO is restarted.
if ( !response ) {
return;
}
// https://github.com/gorhill/uMatrix/issues/144
if ( response.shutdown ) {
2015-04-07 17:34:22 -06:00
vAPI.shutdown.exec();
return;
}
var requests = response.result;
2015-03-29 10:13:28 -06:00
if ( requests === null || Array.isArray(requests) === false ) {
return;
}
var selectors = [];
var i = requests.length;
var request, entry, target, value;
while ( i-- ) {
request = requests[i];
entry = pendingRequests[request.id];
if ( entry === undefined ) {
2015-03-29 10:13:28 -06:00
continue;
}
delete pendingRequests[request.id];
pendingRequestCount -= 1;
2015-04-06 19:26:05 -06:00
// https://github.com/chrisaljoudi/uBlock/issues/869
2015-03-29 10:13:28 -06:00
if ( !request.collapse ) {
continue;
}
target = entry.target;
2015-04-06 19:26:05 -06:00
// https://github.com/chrisaljoudi/uBlock/issues/399
2015-03-29 10:13:28 -06:00
// Never remove elements from the DOM, just hide them
target.style.setProperty('display', 'none', 'important');
2015-04-06 19:26:05 -06:00
// https://github.com/chrisaljoudi/uBlock/issues/1048
2015-03-29 10:13:28 -06:00
// Use attribute to construct CSS rule
if ( (value = target.getAttribute(entry.attr)) ) {
2015-03-29 10:13:28 -06:00
selectors.push(entry.tagName + '[' + entry.attr + '="' + value + '"]');
}
}
if ( selectors.length !== 0 ) {
2016-03-06 08:51:06 -07:00
messaging.send(
'contentscript',
{
what: 'cosmeticFiltersInjected',
type: 'net',
hostname: window.location.hostname,
selectors: selectors
}
);
2015-03-29 10:13:28 -06:00
}
// Renew map: I believe that even if all properties are deleted, an
// object will still use more memory than a brand new one.
if ( pendingRequestCount === 0 ) {
pendingRequests = Object.create(null);
2015-03-29 10:13:28 -06:00
}
};
var send = function() {
timer = null;
2016-03-06 08:51:06 -07:00
messaging.send(
'contentscript',
{
what: 'filterRequests',
pageURL: window.location.href,
pageHostname: window.location.hostname,
requests: newRequests
}, onProcessed
);
2015-03-29 10:13:28 -06:00
newRequests = [];
};
var process = function(delay) {
if ( newRequests.length === 0 ) {
return;
}
if ( delay === 0 ) {
clearTimeout(timer);
send();
} else if ( timer === null ) {
timer = vAPI.setTimeout(send, delay || 20);
2015-03-29 10:13:28 -06:00
}
};
// If needed eventually, we could listen to `src` attribute changes
// for iframes.
var add = function(target) {
var tagName = target.localName;
2015-06-04 09:17:02 -06:00
var prop = src1stProps[tagName];
2015-03-29 10:13:28 -06:00
if ( prop === undefined ) {
return;
}
2015-04-06 19:26:05 -06:00
// https://github.com/chrisaljoudi/uBlock/issues/174
2015-03-29 10:13:28 -06:00
// Do not remove fragment from src URL
var src = target[prop];
2015-06-04 09:17:02 -06:00
if ( typeof src !== 'string' || src.length === 0 ) {
prop = src2ndProps[tagName];
if ( prop === undefined ) {
return;
}
src = target[prop];
if ( typeof src !== 'string' || src.length === 0 ) {
return;
}
2015-03-29 10:13:28 -06:00
}
var req = new PendingRequest(target, tagName, prop);
newRequests.push(new BouncingRequest(req.id, tagName, src));
};
var addMany = function(targets) {
var i = targets.length;
while ( i-- ) {
add(targets[i]);
}
};
2015-05-01 17:06:52 -06:00
var iframeSourceModified = function(mutations) {
var i = mutations.length;
while ( i-- ) {
addIFrame(mutations[i].target, true);
}
process();
};
var iframeSourceObserver = new MutationObserver(iframeSourceModified);
var iframeSourceObserverOptions = {
attributes: true,
attributeFilter: [ 'src' ]
};
var primeLocalIFrame = function(iframe) {
// Should probably also copy injected styles.
2016-03-05 12:59:01 -07:00
// The injected scripts are those which were injected in the current
// document, from within the `contentscript-start.js / injectScripts`,
// and which scripts are selectively looked-up from:
// https://github.com/gorhill/uBlock/blob/master/assets/ublock/resources.txt
if ( vAPI.injectedScripts ) {
var scriptTag = document.createElement('script');
scriptTag.appendChild(document.createTextNode(vAPI.injectedScripts));
var parent = iframe.contentDocument && iframe.contentDocument.head;
if ( parent ) {
parent.appendChild(scriptTag);
}
}
};
2015-05-01 17:06:52 -06:00
var addIFrame = function(iframe, dontObserve) {
// https://github.com/gorhill/uBlock/issues/162
// Be prepared to deal with possible change of src attribute.
if ( dontObserve !== true ) {
iframeSourceObserver.observe(iframe, iframeSourceObserverOptions);
}
2015-03-29 10:13:28 -06:00
var src = iframe.src;
if ( src === '' || typeof src !== 'string' ) {
primeLocalIFrame(iframe);
2015-03-29 10:13:28 -06:00
return;
}
if ( src.lastIndexOf('http', 0) !== 0 ) {
return;
}
var req = new PendingRequest(iframe, 'iframe', 'src');
newRequests.push(new BouncingRequest(req.id, 'iframe', src));
};
var addIFrames = function(iframes) {
var i = iframes.length;
while ( i-- ) {
addIFrame(iframes[i]);
}
};
var iframesFromNode = function(node) {
if ( node.localName === 'iframe' ) {
addIFrame(node);
process();
}
if ( node.children.length !== 0 ) {
var iframes = node.getElementsByTagName('iframe');
if ( iframes.length !== 0 ) {
addIFrames(iframes);
process();
}
}
2015-03-29 10:13:28 -06:00
};
return {
add: add,
addMany: addMany,
2015-03-29 10:13:28 -06:00
addIFrame: addIFrame,
addIFrames: addIFrames,
2015-03-29 10:13:28 -06:00
iframesFromNode: iframesFromNode,
process: process
};
})();
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
var domIsLoaded = function(ev) {
/******************************************************************************/
if ( ev ) {
document.removeEventListener('DOMContentLoaded', domIsLoaded);
}
// I've seen this happens on Firefox
if ( window.location === null ) {
return;
}
// https://github.com/chrisaljoudi/uBlock/issues/587
// Pointless to execute without the start script having done its job.
if ( !vAPI.contentscriptInjected ) {
return;
}
2015-02-14 10:16:36 -07:00
/******************************************************************************/
// Cosmetic filtering.
2014-06-23 16:42:43 -06:00
(function() {
2014-12-19 12:00:46 -07:00
if ( vAPI.skipCosmeticFiltering ) {
//console.debug('Abort cosmetic filtering');
2014-12-19 12:00:46 -07:00
return;
}
2015-10-30 22:55:10 -06:00
//console.debug('Start cosmetic filtering');
2015-03-01 18:26:33 -07:00
//var timer = window.performance || Date;
//var tStart = timer.now();
2015-10-30 22:55:10 -06:00
// https://github.com/chrisaljoudi/uBlock/issues/789
// https://github.com/gorhill/uBlock/issues/873
// Be sure that our style tags used for cosmetic filtering are still applied.
var domFilterer = vAPI.domFilterer;
domFilterer.checkStyleTags(false);
domFilterer.commit();
2015-10-30 22:55:10 -06:00
var contextNodes = [ document.documentElement ],
messaging = vAPI.messaging,
highGenerics = null,
lowGenericSelectors = [],
queriedSelectors = Object.create(null);
2014-06-23 16:42:43 -06:00
var responseHandler = function(response) {
// https://github.com/gorhill/uMatrix/issues/144
if ( response && response.shutdown ) {
2015-04-07 17:34:22 -06:00
vAPI.shutdown.exec();
return;
}
var result = response && response.result;
if ( result ) {
if ( result.hide.length ) {
processLowGenerics(result.hide);
}
if ( result.highGenerics ) {
highGenerics = result.highGenerics;
}
}
if ( highGenerics ) {
if ( highGenerics.hideLowCount ) {
processHighLowGenerics(highGenerics.hideLow);
}
if ( highGenerics.hideMediumCount ) {
processHighMediumGenerics(highGenerics.hideMedium);
}
if ( highGenerics.hideHighSimpleCount || highGenerics.hideHighComplexCount ) {
processHighHighGenerics();
}
}
domFilterer.commit(contextNodes);
contextNodes = [];
2014-07-02 10:02:29 -06:00
};
2014-06-23 16:42:43 -06:00
var retrieveGenericSelectors = function() {
if ( lowGenericSelectors.length !== 0 || highGenerics === null ) {
messaging.send(
'contentscript',
{
what: 'retrieveGenericCosmeticSelectors',
pageURL: window.location.href,
selectors: lowGenericSelectors,
firstSurvey: highGenerics === null
},
responseHandler
);
lowGenericSelectors = [];
} else {
responseHandler(null);
}
};
// Extract and return the staged nodes which (may) match the selectors.
var selectNodes = function(selector) {
var targetNodes = [];
var i = contextNodes.length;
var node, nodeList, j;
var doc = document;
while ( i-- ) {
node = contextNodes[i];
if ( node === doc ) {
return doc.querySelectorAll(selector);
}
targetNodes.push(node);
nodeList = node.querySelectorAll(selector);
j = nodeList.length;
while ( j-- ) {
targetNodes.push(nodeList[j]);
}
2014-07-04 14:47:34 -06:00
}
return targetNodes;
2014-07-04 14:47:34 -06:00
};
// Low generics:
// - [id]
// - [class]
var processLowGenerics = function(generics) {
domFilterer.addSelectors(generics);
2014-07-04 14:47:34 -06:00
};
// High-low generics:
// - [alt="..."]
// - [title="..."]
var processHighLowGenerics = function(generics) {
var attrs = ['title', 'alt'];
2014-08-13 18:03:55 -06:00
var attr, attrValue, nodeList, iNode, node;
var selector;
while ( (attr = attrs.pop()) ) {
nodeList = selectNodes('[' + attr + ']');
iNode = nodeList.length;
while ( iNode-- ) {
node = nodeList[iNode];
attrValue = node.getAttribute(attr);
if ( !attrValue ) { continue; }
2015-01-01 17:09:40 -07:00
// Candidate 1 = generic form
2015-01-01 17:16:02 -07:00
// If generic form is injected, no need to process the specific
2015-01-01 17:09:40 -07:00
// form, as the generic will affect all related specific forms
selector = '[' + attr + '="' + attrValue + '"]';
2015-01-01 17:09:40 -07:00
if ( generics.hasOwnProperty(selector) ) {
domFilterer.addSelector(selector);
domFilterer.hideNode(node);
continue;
}
2015-01-01 17:09:40 -07:00
// Candidate 2 = specific form
2015-03-29 10:13:28 -06:00
selector = node.localName + selector;
2015-01-01 17:09:40 -07:00
if ( generics.hasOwnProperty(selector) ) {
domFilterer.addSelector(selector);
domFilterer.hideNode(node);
}
}
2014-07-04 14:47:34 -06:00
}
};
// High-medium generics:
// - [href^="http"]
var processHighMediumGenerics = function(generics) {
2015-11-01 09:25:36 -07:00
var doc = document;
var i = contextNodes.length;
var aa = [ null ];
var node, nodes;
while ( i-- ) {
node = contextNodes[i];
if ( node.localName === 'a' ) {
aa[0] = node;
processHighMediumGenericsForNodes(aa, generics);
2015-11-01 09:25:36 -07:00
}
nodes = node.getElementsByTagName('a');
if ( nodes.length === 0 ) { continue; }
processHighMediumGenericsForNodes(nodes, generics);
2015-11-01 09:25:36 -07:00
if ( node === doc ) {
break;
}
}
};
var processHighMediumGenericsForNodes = function(nodes, generics) {
2015-11-01 09:25:36 -07:00
var i = nodes.length;
var node, href, pos, hash, selectors, j, selector;
var aa = [ '' ];
while ( i-- ) {
node = nodes[i];
href = node.getAttribute('href');
if ( !href ) { continue; }
pos = href.indexOf('://');
if ( pos === -1 ) { continue; }
hash = href.slice(pos + 3, pos + 11);
2014-08-13 18:03:55 -06:00
selectors = generics[hash];
if ( selectors === undefined ) { continue; }
// A string.
if ( typeof selectors === 'string' ) {
2015-11-01 09:25:36 -07:00
aa[0] = selectors;
selectors = aa;
}
// An array of strings.
2015-11-01 09:25:36 -07:00
j = selectors.length;
while ( j-- ) {
selector = selectors[j];
if ( href.lastIndexOf(selector, 8) === 8 ) {
domFilterer.addSelector(selector);
domFilterer.hideNode(node);
2014-08-13 18:03:55 -06:00
}
2014-07-02 10:02:29 -06:00
}
}
};
var highHighSimpleGenericsCost = 0,
highHighSimpleGenericsInjected = false,
highHighComplexGenericsCost = 0,
highHighComplexGenericsInjected = false;
var processHighHighGenerics = function() {
var tstart;
// Simple selectors.
if (
highHighSimpleGenericsInjected === false &&
highHighSimpleGenericsCost < 50 &&
highGenerics.hideHighSimpleCount !== 0
) {
tstart = window.performance.now();
var matchesProp = vAPI.matchesProp,
nodes = contextNodes,
i = nodes.length, node;
while ( i-- ) {
node = nodes[i];
if (
node[matchesProp](highGenerics.hideHighSimple) ||
node.querySelector(highGenerics.hideHighSimple) !== null
) {
highHighSimpleGenericsInjected = true;
domFilterer.addSelectors(highGenerics.hideHighSimple.split(',\n'));
break;
}
2015-03-01 18:26:33 -07:00
}
highHighSimpleGenericsCost += window.performance.now() - tstart;
}
// Complex selectors.
if (
highHighComplexGenericsInjected === false &&
highHighComplexGenericsCost < 50 &&
highGenerics.hideHighComplexCount !== 0
) {
tstart = window.performance.now();
if ( document.querySelector(highGenerics.hideHighComplex) !== null ) {
highHighComplexGenericsInjected = true;
domFilterer.addSelectors(highGenerics.hideHighComplex.split(',\n'));
domFilterer.commit();
}
highHighComplexGenericsCost += window.performance.now() - tstart;
}
2014-07-02 10:02:29 -06:00
};
// Extract all classes/ids: these will be passed to the cosmetic filtering
// engine, and in return we will obtain only the relevant CSS selectors.
2015-09-04 14:30:53 -06:00
// https://github.com/gorhill/uBlock/issues/672
// http://www.w3.org/TR/2014/REC-html5-20141028/infrastructure.html#space-separated-tokens
// http://jsperf.com/enumerate-classes/6
var classesAndIdsFromNodeList = function(nodes) {
2014-07-20 13:00:26 -06:00
if ( !nodes || !nodes.length ) {
return;
}
var qq = queriedSelectors;
var ll = lowGenericSelectors;
var node, v, vv, len, c, beg, end;
2014-07-20 13:00:26 -06:00
var i = nodes.length;
while ( i-- ) {
node = nodes[i];
if ( node.nodeType !== 1 ) { continue; }
v = node.id;
if ( v !== '' && typeof v === 'string' ) {
v = '#' + v.trim();
if ( v !== '#' && qq[v] === undefined ) {
ll.push(v);
qq[v] = true;
}
}
vv = node.className;
if ( vv === '' || typeof vv !== 'string' ) { continue; }
2015-09-04 14:30:53 -06:00
len = vv.length;
beg = 0;
for (;;) {
// Skip whitespaces
while ( beg !== len ) {
c = vv.charCodeAt(beg);
if ( c > 0x20 ) { break; }
2015-09-04 14:30:53 -06:00
beg++;
}
if ( beg === len ) { break; }
end = beg + 1;
// Skip non-whitespaces
while ( end !== len ) {
c = vv.charCodeAt(end);
if ( c <= 0x20 ) { break; }
2015-09-04 14:30:53 -06:00
end++;
}
v = '.' + vv.slice(beg, end);
if ( qq[v] === undefined ) {
2015-09-04 14:30:53 -06:00
ll.push(v);
qq[v] = true;
}
if ( end === len ) { break; }
beg = end + 1;
2014-07-02 10:02:29 -06:00
}
2014-06-23 16:42:43 -06:00
}
2014-07-02 10:02:29 -06:00
};
2014-06-23 16:42:43 -06:00
// Start cosmetic filtering.
classesAndIdsFromNodeList(document.querySelectorAll('[class],[id]'));
2015-02-14 10:16:36 -07:00
retrieveGenericSelectors();
2014-06-23 16:42:43 -06:00
2015-03-01 18:26:33 -07:00
//console.debug('%f: uBlock: survey time', timer.now() - tStart);
// Below this point is the code which takes care to observe changes in
// the page and to add if needed relevant CSS rules as a result of the
// changes.
// Observe changes in the DOM only if...
// - there is a document.body
// - there is at least one `script` tag
if ( !document.body || !document.querySelector('script') ) {
return;
}
2015-04-06 19:26:05 -06:00
// https://github.com/chrisaljoudi/uBlock/issues/618
2015-03-29 10:13:28 -06:00
// Following is to observe dynamically added iframes:
// - On Firefox, the iframes fails to fire a `load` event
var ignoreTags = {
'link': true,
'script': true,
2015-03-29 10:13:28 -06:00
'style': true
};
2014-09-16 13:39:21 -06:00
// Added node lists will be cumulated here before being processed
var addedNodeLists = [];
var addedNodeListsTimer = null;
var addedNodeListsTimerDelay = 25;
2015-10-30 22:55:10 -06:00
var removedNodeListsTimer = null;
var removedNodeListsTimerDelay = 25;
var collapser = domCollapser;
2014-09-16 13:39:21 -06:00
2015-10-30 22:55:10 -06:00
var addedNodesHandler = function() {
addedNodeListsTimer = null;
if ( addedNodeListsTimerDelay < 100 ) {
addedNodeListsTimerDelay += 25;
}
2015-12-19 15:58:26 -07:00
var iNodeList = addedNodeLists.length,
nodeList, iNode, node;
while ( iNodeList-- ) {
nodeList = addedNodeLists[iNodeList];
iNode = nodeList.length;
while ( iNode-- ) {
node = nodeList[iNode];
if ( node.nodeType !== 1 ) {
continue;
}
2015-03-29 10:13:28 -06:00
if ( ignoreTags.hasOwnProperty(node.localName) ) {
continue;
}
contextNodes.push(node);
2015-03-29 10:13:28 -06:00
collapser.iframesFromNode(node);
}
}
2015-12-19 15:58:26 -07:00
addedNodeLists.length = 0;
if ( contextNodes.length !== 0 ) {
classesAndIdsFromNodeList(selectNodes('[class],[id]'));
retrieveGenericSelectors();
}
2014-07-02 10:02:29 -06:00
};
2015-10-30 22:55:10 -06:00
// https://github.com/gorhill/uBlock/issues/873
// This will ensure our style elements will stay in the DOM.
var removedNodesHandler = function() {
removedNodeListsTimer = null;
removedNodeListsTimerDelay *= 2;
// Stop watching style tags after a while.
if ( removedNodeListsTimerDelay > 1000 ) {
removedNodeListsTimerDelay = 0;
}
domFilterer.checkStyleTags(true);
2015-10-30 22:55:10 -06:00
};
2015-04-06 19:26:05 -06:00
// https://github.com/chrisaljoudi/uBlock/issues/205
2014-09-16 13:39:21 -06:00
// Do not handle added node directly from within mutation observer.
2015-10-30 22:55:10 -06:00
// I arbitrarily chose 100 ms for now: I have to compromise between the
// overhead of processing too few nodes too often and the delay of many
// nodes less often.
var domLayoutChanged = function(mutations) {
var removedNodeLists = false;
2014-09-16 13:39:21 -06:00
var iMutation = mutations.length;
2015-10-30 22:55:10 -06:00
var nodeList, mutation;
2014-09-16 13:39:21 -06:00
while ( iMutation-- ) {
2015-10-30 22:55:10 -06:00
mutation = mutations[iMutation];
nodeList = mutation.addedNodes;
if ( nodeList.length !== 0 ) {
2014-09-16 13:39:21 -06:00
addedNodeLists.push(nodeList);
}
2015-10-30 22:55:10 -06:00
if ( mutation.removedNodes.length !== 0 ) {
removedNodeLists = true;
}
}
if ( addedNodeLists.length !== 0 && addedNodeListsTimer === null ) {
addedNodeListsTimer = vAPI.setTimeout(addedNodesHandler, addedNodeListsTimerDelay);
2014-09-16 13:39:21 -06:00
}
if ( removedNodeListsTimerDelay !== 0 && removedNodeLists && removedNodeListsTimer === null ) {
removedNodeListsTimer = vAPI.setTimeout(removedNodesHandler, removedNodeListsTimerDelay);
2014-09-16 13:39:21 -06:00
}
};
//console.debug('Starts cosmetic filtering\'s mutations observer');
// https://github.com/gorhill/httpswitchboard/issues/176
2015-10-30 22:55:10 -06:00
var domLayoutObserver = new MutationObserver(domLayoutChanged);
domLayoutObserver.observe(document.body, {
childList: true,
subtree: true
});
// https://github.com/gorhill/uMatrix/issues/144
2015-04-07 17:34:22 -06:00
vAPI.shutdown.add(function() {
2015-10-30 22:55:10 -06:00
domLayoutObserver.disconnect();
if ( addedNodeListsTimer !== null ) {
clearTimeout(addedNodeListsTimer);
}
2016-03-06 08:51:06 -07:00
if ( removedNodeListsTimer !== null ) {
clearTimeout(removedNodeListsTimer);
}
});
2014-07-02 10:02:29 -06:00
})();
2014-06-23 16:42:43 -06:00
/******************************************************************************/
2014-09-14 14:20:40 -06:00
// Permanent
2014-06-27 15:06:42 -06:00
2015-03-29 10:13:28 -06:00
// Listener to collapse blocked resources.
// - Future requests not blocked yet
// - Elements dynamically added to the page
// - Elements which resource URL changes
2015-02-03 22:24:12 -07:00
(function() {
var onResourceFailed = function(ev) {
//console.debug('onResourceFailed(%o)', ev);
domCollapser.add(ev.target);
domCollapser.process();
};
document.addEventListener('error', onResourceFailed, true);
// https://github.com/gorhill/uMatrix/issues/144
2015-04-07 17:34:22 -06:00
vAPI.shutdown.add(function() {
document.removeEventListener('error', onResourceFailed, true);
});
})();
2014-06-23 16:42:43 -06:00
2014-09-14 14:20:40 -06:00
/******************************************************************************/
2015-04-06 19:26:05 -06:00
// https://github.com/chrisaljoudi/uBlock/issues/7
2015-11-01 09:25:36 -07:00
// Executed only once.
// Preferring getElementsByTagName over querySelectorAll:
// http://jsperf.com/queryselectorall-vs-getelementsbytagname/145
2014-09-14 14:20:40 -06:00
(function() {
var collapser = domCollapser;
var elems = document.getElementsByTagName('img'),
i = elems.length, elem;
2015-03-29 10:13:28 -06:00
while ( i-- ) {
elem = elems[i];
if ( elem.complete ) {
collapser.add(elem);
2015-02-24 18:10:10 -07:00
}
2015-03-29 10:13:28 -06:00
}
collapser.addMany(document.getElementsByTagName('embed'));
collapser.addMany(document.getElementsByTagName('object'));
collapser.addIFrames(document.getElementsByTagName('iframe'));
2015-03-29 10:13:28 -06:00
collapser.process(0);
2014-09-14 14:20:40 -06:00
})();
2014-09-28 12:38:17 -06:00
/******************************************************************************/
2015-12-12 14:13:00 -07:00
// To send mouse coordinates to main process, as the chrome API fails
2014-09-28 12:38:17 -06:00
// to provide the mouse position to context menu listeners.
2015-12-12 14:13:00 -07:00
// https://github.com/chrisaljoudi/uBlock/issues/1143
// Also, find a link under the mouse, to try to avoid confusing new tabs
// as nuisance popups.
2014-09-28 12:38:17 -06:00
// Ref.: https://developer.mozilla.org/en-US/docs/Web/Events/contextmenu
(function() {
if ( window !== window.top ) {
return;
}
2016-03-06 08:51:06 -07:00
var messaging = vAPI.messaging;
var onMouseClick = function(ev) {
var elem = ev.target;
while ( elem !== null && elem.localName !== 'a' ) {
elem = elem.parentElement;
}
2016-03-06 08:51:06 -07:00
messaging.send(
'contentscript',
{
what: 'mouseClick',
x: ev.clientX,
y: ev.clientY,
url: elem !== null ? elem.href : ''
});
2014-09-28 12:38:17 -06:00
};
2016-03-06 08:51:06 -07:00
document.addEventListener('mousedown', onMouseClick, true);
// https://github.com/gorhill/uMatrix/issues/144
2015-04-07 17:34:22 -06:00
vAPI.shutdown.add(function() {
2015-09-10 12:01:16 -06:00
document.removeEventListener('mousedown', onMouseClick, true);
});
2014-09-28 12:38:17 -06:00
})();
2015-01-01 19:14:53 -07:00
/******************************************************************************/
};
2015-01-01 19:14:53 -07:00
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
if ( document.readyState !== 'loading' ) {
domIsLoaded();
} else {
document.addEventListener('DOMContentLoaded', domIsLoaded);
}