1
0
mirror of https://github.com/gorhill/uBlock.git synced 2024-11-17 16:02:33 +01:00
uBlock/src/js/contentscript.js

1542 lines
51 KiB
JavaScript
Raw Normal View History

2014-06-24 00:42:43 +02:00
/*******************************************************************************
2016-03-06 16:51:06 +01:00
uBlock Origin - a browser extension to block requests.
Copyright (C) 2014-2016 Raymond Hill
2014-06-24 00:42:43 +02: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-24 00:42:43 +02: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('uBlock Origin: aborting content scripts for ' + window.location);
}
vAPI.executionCost.start();
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 = (function() {
/******************************************************************************/
2016-07-10 03:40:07 +02:00
if ( typeof self.Set !== 'function' ) {
self.Set = function() {
this._set = [];
this._i = 0;
this.value = undefined;
};
2016-07-10 03:40:07 +02:00
self.Set.prototype = {
polyfill: true,
clear: function() {
this._set = [];
},
add: function(k) {
if ( this._set.indexOf(k) === -1 ) {
this._set.push(k);
}
},
delete: function(k) {
var pos = this._set.indexOf(k);
if ( pos !== -1 ) {
this._set.splice(pos, 1);
return true;
}
return false;
},
has: function(k) {
return this._set.indexOf(k) !== -1;
},
values: function() {
this._i = 0;
return this;
},
next: function() {
this.value = this._set[this._i];
this._i += 1;
return this;
}
};
2016-07-10 03:40:07 +02:00
Object.defineProperty(self.Set.prototype, 'size', {
get: function() { return this._set.length; }
});
2016-07-10 03:40:07 +02:00
}
/******************************************************************************/
var shadowId = document.documentElement.shadowRoot !== undefined ?
vAPI.randomToken():
undefined;
var jobQueue = [
{ t: 'css-hide', _0: [] }, // to inject in style tag
{ t: 'css-style', _0: [] }, // to inject in style tag
{ t: 'css-ssel', _0: [] }, // to manually hide (incremental)
{ t: 'css-csel', _0: [] } // to manually hide (not incremental)
];
var reParserEx = /:(?:matches-css|has|style|xpath)\(.+?\)$/;
var allExceptions = Object.create(null);
var allSelectors = Object.create(null);
var stagedNodes = [];
2016-08-06 18:09:18 +02:00
var matchesProp = vAPI.matchesProp;
// Complex selectors, due to their nature may need to be "de-committed". A
2016-07-10 03:40:07 +02:00
// Set() is used to implement this functionality.
var complexSelectorsOldResultSet;
2016-07-10 03:40:07 +02:00
var complexSelectorsCurrentResultSet = new Set();
/******************************************************************************/
var cosmeticFiltersActivatedTimer = null;
var cosmeticFiltersActivated = function() {
cosmeticFiltersActivatedTimer = null;
vAPI.messaging.send(
'contentscript',
{ what: 'cosmeticFiltersActivated' }
);
};
/******************************************************************************/
2016-08-06 18:09:18 +02:00
var runSimpleSelectorJob = function(job, root, fn) {
if ( job._1 === undefined ) {
job._1 = job._0.join(cssNotHiddenId + ',');
}
if ( root[matchesProp](job._1) ) {
fn(root);
}
var nodes = root.querySelectorAll(job._1),
i = nodes.length;
while ( i-- ) {
fn(nodes[i], job);
}
};
var runComplexSelectorJob = function(job, fn) {
if ( job._1 === undefined ) {
job._1 = job._0.join(',');
}
var nodes = document.querySelectorAll(job._1),
i = nodes.length;
while ( i-- ) {
fn(nodes[i], job);
}
};
var runHasJob = function(job, fn) {
var nodes = document.querySelectorAll(job._0),
i = nodes.length, node;
while ( i-- ) {
node = nodes[i];
if ( node.querySelector(job._1) !== null ) {
fn(node, job);
}
}
};
var csspropDictFromString = function(s) {
var aa = s.split(/;\s+|;$/),
i = aa.length,
dict = Object.create(null),
prop, pos;
while ( i-- ) {
prop = aa[i].trim();
if ( prop === '' ) { continue; }
pos = prop.indexOf(':');
if ( pos === -1 ) { continue; }
dict[prop.slice(0, pos).trim()] = prop.slice(pos + 1).trim();
}
return dict;
};
var runMatchesCSSJob = function(job, fn) {
var nodes = document.querySelectorAll(job._0),
i = nodes.length;
if ( i === 0 ) { return; }
if ( typeof job._1 === 'string' ) {
job._1 = csspropDictFromString(job._1);
}
var node, match, style;
while ( i-- ) {
node = nodes[i];
style = window.getComputedStyle(node);
match = undefined;
for ( var prop in job._1 ) {
match = style[prop] === job._1[prop];
if ( match === false ) {
break;
}
}
if ( match === true ) {
fn(node, job);
}
}
};
var runXpathJob = function(job, fn) {
if ( job._1 === undefined ) {
job._1 = document.createExpression(job._0, null);
}
var xpr = job._2 = job._1.evaluate(
document,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
job._2 || null
);
var i = xpr.snapshotLength, node;
while ( i-- ) {
node = xpr.snapshotItem(i);
if ( node.nodeType === 1 ) {
fn(node, job);
}
}
};
/******************************************************************************/
var domFilterer = {
commitMissCount: 0,
disabledId: vAPI.randomToken(),
enabled: true,
hiddenId: vAPI.randomToken(),
hiddenNodeCount: 0,
styleTags: [],
jobQueue: jobQueue,
// Stock jobs.
job0: jobQueue[0],
job1: jobQueue[1],
job2: jobQueue[2],
job3: jobQueue[3],
addExceptions: function(aa) {
for ( var i = 0, n = aa.length; i < n; i++ ) {
allExceptions[aa[i]] = true;
}
},
// Job:
// Stock jobs in job queue:
// 0 = css rules/css declaration to remove visibility
// 1 = css rules/any css declaration
// 2 = simple css selectors/hide
// 3 = complex css selectors/hide
// Custom jobs:
// matches-css/hide
// has/hide
// xpath/hide
addSelector: function(s) {
if ( allSelectors[s] || allExceptions[s] ) {
2016-08-07 05:29:58 +02:00
return;
}
allSelectors[s] = true;
2016-08-03 14:06:51 +02:00
var sel0 = s, sel1 = '';
if ( s.charCodeAt(s.length - 1) === 0x29 ) {
var parts = reParserEx.exec(s);
if ( parts !== null ) {
sel1 = parts[0];
}
2016-08-03 14:06:51 +02:00
}
if ( sel1 === '' ) {
this.job0._0.push(sel0);
if ( sel0.indexOf(' ') === -1 ) {
this.job2._0.push(sel0);
this.job2._1 = undefined;
} else {
this.job3._0.push(sel0);
this.job3._1 = undefined;
}
2016-08-07 05:29:58 +02:00
return;
}
2016-08-03 14:06:51 +02:00
sel0 = sel0.slice(0, sel0.length - sel1.length);
if ( sel1.lastIndexOf(':has', 0) === 0 ) {
2016-08-03 14:06:51 +02:00
this.jobQueue.push({ t: 'has-hide', raw: s, _0: sel0, _1: sel1.slice(5, -1) });
} else if ( sel1.lastIndexOf(':matches-css', 0) === 0 ) {
this.jobQueue.push({ t: 'matches-css-hide', raw: s, _0: sel0, _1: sel1.slice(13, -1) });
2016-08-03 14:06:51 +02:00
} else if ( sel1.lastIndexOf(':style',0) === 0 ) {
this.job1._0.push(sel0 + ' { ' + sel1.slice(7, -1) + ' }');
this.job1._1 = undefined;
2016-08-03 14:06:51 +02:00
} else if ( sel1.lastIndexOf(':xpath',0) === 0 ) {
this.jobQueue.push({ t: 'xpath-hide', raw: s, _0: sel1.slice(7, -1) });
}
2016-08-07 05:29:58 +02:00
return;
},
addSelectors: function(aa) {
for ( var i = 0, n = aa.length; i < n; i++ ) {
this.addSelector(aa[i]);
}
},
checkStyleTags: function(commitIfNeeded) {
var doc = document,
html = doc.documentElement,
head = doc.head,
newParent = head || html;
if ( newParent === null ) {
2016-08-03 14:06:51 +02:00
return false;
}
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();
}
2016-08-03 14:06:51 +02:00
return mustCommit;
},
commit_: function() {
var beforeHiddenNodeCount = this.hiddenNodeCount,
styleText = '', i, n;
// Stock job 0 = css rules/hide
if ( this.job0._0.length ) {
styleText = '\n:root ' + this.job0._0.join(',\n:root ') + '\n{ display: none !important; }';
this.job0._0.length = 0;
}
// Stock job 1 = css rules/any css declaration
if ( this.job1._0.length ) {
styleText += '\n' + this.job1._0.join('\n');
this.job1._0.length = 0;
}
if ( styleText !== '' ) {
var styleTag = document.createElement('style');
styleTag.setAttribute('type', 'text/css');
styleTag.textContent = styleText;
2016-08-01 00:43:17 +02:00
if ( document.head ) {
document.head.appendChild(styleTag);
}
this.styleTags.push(styleTag);
}
// Simple selectors: incremental.
// Stock job 2 = simple css selectors/hide
if ( this.job2._0.length ) {
i = stagedNodes.length;
while ( i-- ) {
2016-08-06 18:09:18 +02:00
runSimpleSelectorJob(this.job2, stagedNodes[i], hideNode);
}
}
stagedNodes = [];
// Complex selectors: non-incremental.
complexSelectorsOldResultSet = complexSelectorsCurrentResultSet;
2016-07-10 03:40:07 +02:00
complexSelectorsCurrentResultSet = new Set();
// Stock job 3 = complex css selectors/hide
// The handling of these can be considered optional, since they are
// also applied declaratively using a style tag.
if ( this.job3._0.length ) {
2016-08-06 18:09:18 +02:00
runComplexSelectorJob(this.job3, complexHideNode);
}
// Custom jobs. No optional since they can't be applied in a
// declarative way.
for ( i = 4, n = this.jobQueue.length; i < n; i++ ) {
this.runJob(this.jobQueue[i], complexHideNode);
}
var commitHit = this.hiddenNodeCount !== beforeHiddenNodeCount;
if ( commitHit ) {
this.commitMissCount = 0;
} else {
this.commitMissCount += 1;
}
// Un-hide nodes previously hidden.
i = complexSelectorsOldResultSet.size;
if ( i !== 0 ) {
var iter = complexSelectorsOldResultSet.values();
while ( i-- ) {
this.unhideNode(iter.next().value);
}
complexSelectorsOldResultSet.clear();
}
// If DOM nodes have been affected, lazily notify core process.
if ( commitHit && cosmeticFiltersActivatedTimer === null ) {
cosmeticFiltersActivatedTimer = vAPI.setTimeout(
cosmeticFiltersActivated,
503
);
}
},
commit: function(nodes, commitNow) {
var firstCommit = stagedNodes.length === 0;
if ( nodes === undefined ) {
stagedNodes = [ document.documentElement ];
} else if ( stagedNodes[0] !== document.documentElement ) {
stagedNodes = stagedNodes.concat(nodes);
}
if ( commitNow ) {
this.commit_();
} else if ( firstCommit ) {
window.requestAnimationFrame(this.commit_.bind(this));
}
},
hideNode: function(node) {
if ( node[this.hiddenId] !== undefined ) {
return;
}
node.setAttribute(this.hiddenId, '');
this.hiddenNodeCount += 1;
node.hidden = true;
node[this.hiddenId] = null;
var style = window.getComputedStyle(node),
display = style.getPropertyValue('display');
if ( display !== '' && display !== 'none' ) {
var styleAttr = node.getAttribute('style') || '';
node[this.hiddenId] = node.hasAttribute('style') && styleAttr;
2016-08-03 14:06:51 +02:00
if ( styleAttr !== '' ) { styleAttr += '; '; }
node.setAttribute('style', styleAttr + 'display: none !important;');
}
if ( shadowId === undefined ) {
return;
}
var shadow = node.shadowRoot;
if ( shadow ) {
if ( shadow[shadowId] && shadow.firstElementChild !== null ) {
shadow.removeChild(shadow.firstElementChild);
}
return;
}
// https://github.com/gorhill/uBlock/pull/555
// Not all nodes can be shadowed:
// https://github.com/w3c/webcomponents/issues/102
try {
shadow = node.createShadowRoot();
shadow[shadowId] = true;
} catch (ex) {
}
},
runJob: function(job, fn) {
switch ( job.t ) {
case 'has-hide':
2016-08-06 18:09:18 +02:00
runHasJob(job, fn);
break;
case 'matches-css-hide':
2016-08-06 18:09:18 +02:00
runMatchesCSSJob(job, fn);
break;
case 'xpath-hide':
2016-08-06 18:09:18 +02:00
runXpathJob(job, fn);
break;
}
},
showNode: function(node) {
node.hidden = false;
var styleAttr = node[this.hiddenId];
if ( styleAttr === false ) {
node.removeAttribute('style');
} else if ( typeof styleAttr === 'string' ) {
node.setAttribute('style', node[this.hiddenId]);
}
var shadow = node.shadowRoot;
if ( shadow && shadow[shadowId] ) {
if ( shadow.firstElementChild !== null ) {
shadow.removeChild(shadow.firstElementChild);
}
shadow.appendChild(document.createElement('content'));
}
},
toggleOff: function() {
this.enabled = false;
},
toggleOn: function() {
this.enabled = true;
},
unhideNode: function(node) {
if ( node[this.hiddenId] !== undefined ) {
this.hiddenNodeCount--;
}
node.removeAttribute(this.hiddenId);
node[this.hiddenId] = undefined;
node.hidden = false;
var shadow = node.shadowRoot;
if ( shadow && shadow[shadowId] ) {
if ( shadow.firstElementChild !== null ) {
shadow.removeChild(shadow.firstElementChild);
}
shadow.appendChild(document.createElement('content'));
}
},
unshowNode: function(node) {
node.hidden = true;
var styleAttr = node[this.hiddenId];
if ( styleAttr === false ) {
node.setAttribute('style', 'display: none !important;');
} else if ( typeof styleAttr === 'string' ) {
node.setAttribute('style', node[this.hiddenId] + '; display: none !important;');
}
var shadow = node.shadowRoot;
if ( shadow && shadow[shadowId] && shadow.firstElementChild !== null ) {
shadow.removeChild(shadow.firstElementChild);
}
}
};
/******************************************************************************/
var hideNode = domFilterer.hideNode.bind(domFilterer);
var complexHideNode = function(node) {
complexSelectorsCurrentResultSet.add(node);
if ( !complexSelectorsOldResultSet.delete(node) ) {
hideNode(node);
}
};
2015-01-02 03:14:53 +01:00
/******************************************************************************/
var cssNotHiddenId = ':not([' + domFilterer.hiddenId + '])';
2015-01-02 03:14:53 +01:00
/******************************************************************************/
return domFilterer;
2015-01-13 21:52:15 +01:00
/******************************************************************************/
2014-06-24 00:42:43 +02: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() {
// Domain-based ABP cosmetic filters.
// These can be inserted before the DOM is loaded.
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(undefined, true);
};
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) {
vAPI.executionCost.start();
if ( details ) {
vAPI.skipCosmeticFiltering = details.skipCosmeticFiltering;
vAPI.skipCosmeticSurveying = details.skipCosmeticSurveying;
if (
(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;
vAPI.executionCost.stop('domIsLoading/responseHandler');
};
var url = window.location.href;
vAPI.messaging.send(
'contentscript',
{
what: 'retrieveDomainCosmeticSelectors',
pageURL: url,
locationURL: url
},
responseHandler
);
})();
/******************************************************************************/
/******************************************************************************/
2014-06-24 00:42:43 +02:00
/******************************************************************************/
var domCollapser = (function() {
2015-03-29 18:13:28 +02:00
var timer = null;
var newRequests = [];
var pendingRequests = Object.create(null);
var roundtripRequests = [];
2015-06-04 17:17:02 +02:00
var src1stProps = {
2015-03-29 18:13:28 +02:00
'embed': 'src',
'img': 'src',
'object': 'data'
};
2015-06-04 17:17:02 +02:00
var src2ndProps = {
'img': 'srcset'
};
var netSelectorCacheCount = 0;
2016-03-06 16:51:06 +01:00
var messaging = vAPI.messaging;
2015-03-29 18:13:28 +02:00
// Because a while ago I have observed constructors are faster than
// literal object instanciations.
var RoundtripRequest = function(tag, attr, url) {
this.tag = tag;
this.attr = attr;
2015-03-29 18:13:28 +02:00
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-08 01:34:22 +02:00
vAPI.shutdown.exec();
return;
}
var requests = response.result;
2015-03-29 18:13:28 +02:00
if ( requests === null || Array.isArray(requests) === false ) {
return;
}
var selectors = [],
netSelectorCacheCountMax = response.netSelectorCacheCountMax,
aa = [ null ],
request, key, entry, target, value;
// Important: process in chronological order -- this ensures the
// cached selectors are the most useful ones.
for ( var i = 0, ni = requests.length; i < ni; i++ ) {
2015-03-29 18:13:28 +02:00
request = requests[i];
key = request.tag + ' ' + request.attr + ' ' + request.url;
entry = pendingRequests[key];
if ( entry === undefined ) {
2015-03-29 18:13:28 +02:00
continue;
}
delete pendingRequests[key];
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/869
2015-03-29 18:13:28 +02:00
if ( !request.collapse ) {
continue;
}
if ( Array.isArray(entry) === false ) {
aa[0] = entry;
entry = aa;
}
for ( var j = 0, nj = entry.length; j < nj; j++ ) {
target = entry[j];
// https://github.com/chrisaljoudi/uBlock/issues/399
// Never remove elements from the DOM, just hide them
target.style.setProperty('display', 'none', 'important');
target.hidden = true;
// https://github.com/chrisaljoudi/uBlock/issues/1048
// Use attribute to construct CSS rule
if (
netSelectorCacheCount <= netSelectorCacheCountMax &&
(value = target.getAttribute(request.attr))
) {
selectors.push(request.tag + '[' + request.attr + '="' + value + '"]');
netSelectorCacheCount += 1;
}
2015-03-29 18:13:28 +02:00
}
}
if ( selectors.length !== 0 ) {
2016-03-06 16:51:06 +01:00
messaging.send(
'contentscript',
{
what: 'cosmeticFiltersInjected',
type: 'net',
hostname: window.location.hostname,
selectors: selectors
}
);
2015-03-29 18:13:28 +02:00
}
};
var send = function() {
timer = null;
2016-03-06 16:51:06 +01:00
messaging.send(
'contentscript',
{
what: 'filterRequests',
pageURL: window.location.href,
pageHostname: window.location.hostname,
requests: roundtripRequests
2016-03-06 16:51:06 +01:00
}, onProcessed
);
2015-03-29 18:13:28 +02:00
newRequests = [];
};
var process = function(delay) {
if ( roundtripRequests.length === 0 ) {
2015-03-29 18:13:28 +02:00
return;
}
if ( delay === 0 ) {
clearTimeout(timer);
send();
} else if ( timer === null ) {
timer = vAPI.setTimeout(send, delay || 20);
2015-03-29 18:13:28 +02:00
}
};
// If needed eventually, we could listen to `src` attribute changes
// for iframes.
var add = function(target) {
var tag = target.localName;
var prop = src1stProps[tag];
2015-03-29 18:13:28 +02:00
if ( prop === undefined ) {
return;
}
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/174
2015-03-29 18:13:28 +02:00
// Do not remove fragment from src URL
var src = target[prop];
2015-06-04 17:17:02 +02:00
if ( typeof src !== 'string' || src.length === 0 ) {
prop = src2ndProps[tag];
2015-06-04 17:17:02 +02:00
if ( prop === undefined ) {
return;
}
src = target[prop];
if ( typeof src !== 'string' || src.length === 0 ) {
return;
}
2015-03-29 18:13:28 +02:00
}
// Some data: URI can be quite large: no point in taking into account
// the whole URI.
if ( src.lastIndexOf('data:', 0) === 0 ) {
src = src.slice(0, 255);
}
var key = tag + ' ' + prop + ' ' + src,
entry = pendingRequests[key];
if ( entry === undefined ) {
pendingRequests[key] = target;
roundtripRequests.push(new RoundtripRequest(tag, prop, src));
} else if ( Array.isArray(entry) ) {
entry.push(target);
} else {
pendingRequests[key] = [ entry, target ];
}
2015-03-29 18:13:28 +02:00
};
var addMany = function(targets) {
var i = targets.length;
while ( i-- ) {
add(targets[i]);
}
};
2015-05-02 01:06:52 +02: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 20:59:01 +01: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-02 01:06:52 +02: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 18:13:28 +02:00
var src = iframe.src;
if ( src === '' || typeof src !== 'string' ) {
primeLocalIFrame(iframe);
2015-03-29 18:13:28 +02:00
return;
}
if ( src.lastIndexOf('http', 0) !== 0 ) {
return;
}
var key = 'iframe' + ' ' + 'src' + ' ' + src,
entry = pendingRequests[key];
if ( entry === undefined ) {
pendingRequests[key] = iframe;
roundtripRequests.push(new RoundtripRequest('iframe', 'src', src));
} else if ( Array.isArray(entry) ) {
entry.push(iframe);
} else {
pendingRequests[key] = [ entry, iframe ];
}
2015-03-29 18:13:28 +02:00
};
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 18:13:28 +02:00
};
return {
add: add,
addMany: addMany,
2015-03-29 18:13:28 +02:00
addIFrame: addIFrame,
addIFrames: addIFrames,
2015-03-29 18:13:28 +02: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;
}
vAPI.executionCost.start();
/*******************************************************************************
skip-survey=false: survey-phase-1 => survey-phase-2 => survey-phase-3 => commit
skip-survey=true: commit
*/
2015-02-14 18:16:36 +01:00
// Cosmetic filtering.
2014-06-24 00:42:43 +02:00
(function() {
2014-12-19 20:00:46 +01:00
if ( vAPI.skipCosmeticFiltering ) {
//console.debug('Abort cosmetic filtering');
2014-12-19 20:00:46 +01:00
return;
}
2015-10-31 05:55:10 +01: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-31 05:55:10 +01:00
var contextNodes = [ document.documentElement ],
messaging = vAPI.messaging;
2014-06-24 00:42:43 +02:00
var domSurveyor = (function() {
if ( vAPI.skipCosmeticSurveying === true ) {
return;
}
var cosmeticSurveyingMissCount = 0,
highGenerics = null,
lowGenericSelectors = [],
queriedSelectors = Object.create(null);
// Handle main process' response.
var surveyPhase3 = function(response) {
// https://github.com/gorhill/uMatrix/issues/144
if ( response && response.shutdown ) {
vAPI.shutdown.exec();
return;
}
vAPI.executionCost.start();
var result = response && response.result,
firstSurvey = highGenerics === null;
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();
}
}
// Need to do this before committing DOM filterer, as needed info
// will no longer be there after commit.
if ( firstSurvey || domFilterer.job0._0.length ) {
messaging.send(
'contentscript',
{
what: 'cosmeticFiltersInjected',
type: 'cosmetic',
hostname: window.location.hostname,
selectors: domFilterer.job0._0
}
);
}
// Shutdown surveyor if too many consecutive empty resultsets.
if ( domFilterer.job0._0.length === 0 ) {
cosmeticSurveyingMissCount += 1;
if ( cosmeticSurveyingMissCount > 255 ) {
domSurveyor = undefined;
}
} else {
cosmeticSurveyingMissCount = 0;
}
domFilterer.commit(contextNodes);
contextNodes = [];
vAPI.executionCost.stop('domIsLoaded/surveyPhase2');
};
2014-06-24 00:42:43 +02:00
// Query main process.
var surveyPhase2 = function() {
if ( lowGenericSelectors.length !== 0 || highGenerics === null ) {
messaging.send(
'contentscript',
{
what: 'retrieveGenericCosmeticSelectors',
pageURL: window.location.href,
selectors: lowGenericSelectors,
firstSurvey: highGenerics === null
},
surveyPhase3
);
lowGenericSelectors = [];
} else {
surveyPhase3(null);
}
};
// Low generics:
// - [id]
// - [class]
var processLowGenerics = function(generics) {
domFilterer.addSelectors(generics);
};
2014-07-04 22:47:34 +02:00
// High-low generics:
// - [alt="..."]
// - [title="..."]
var processHighLowGenerics = function(generics) {
var attrs = ['title', 'alt'];
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; }
// Candidate 1 = generic form
// If generic form is injected, no need to process the
// specific form, as the generic will affect all related
// specific forms.
selector = '[' + attr + '="' + attrValue + '"]';
if ( generics.hasOwnProperty(selector) ) {
2016-08-07 03:07:05 +02:00
domFilterer.addSelector(selector);
continue;
}
// Candidate 2 = specific form
selector = node.localName + selector;
if ( generics.hasOwnProperty(selector) ) {
2016-08-07 03:07:05 +02:00
domFilterer.addSelector(selector);
}
}
}
};
// High-medium generics:
// - [href^="http"]
2014-07-04 22:47:34 +02:00
var processHighMediumGenerics = function(generics) {
var stagedNodes = contextNodes,
i = stagedNodes.length;
if ( i === 1 && stagedNodes[0] === document.documentElement ) {
processHighMediumGenericsForNodes(document.links, generics);
return;
}
var aa = [ null ],
node, nodes;
while ( i-- ) {
node = stagedNodes[i];
if ( node.localName === 'a' ) {
aa[0] = node;
processHighMediumGenericsForNodes(aa, generics);
}
nodes = node.getElementsByTagName('a');
if ( nodes.length !== 0 ) {
processHighMediumGenericsForNodes(nodes, generics);
}
}
};
var processHighMediumGenericsForNodes = function(nodes, generics) {
var i = nodes.length,
node, href, pos, entry, j, selector;
while ( i-- ) {
node = nodes[i];
href = node.getAttribute('href');
if ( !href ) { continue; }
pos = href.indexOf('://');
if ( pos === -1 ) { continue; }
entry = generics[href.slice(pos + 3, pos + 11)];
if ( entry === undefined ) { continue; }
if ( typeof entry === 'string' ) {
if ( href.lastIndexOf(entry.slice(8, -2), 0) === 0 ) {
2016-08-07 03:07:05 +02:00
domFilterer.addSelector(entry);
}
continue;
}
j = entry.length;
while ( j-- ) {
selector = entry[j];
if ( href.lastIndexOf(selector.slice(8, -2), 0) === 0 ) {
2016-08-07 03:07:05 +02:00
domFilterer.addSelector(selector);
}
}
}
};
2014-07-04 22:47:34 +02: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;
}
2016-07-01 20:33:43 +02: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();
2014-08-14 02:03:55 +02:00
}
highHighComplexGenericsCost += window.performance.now() - tstart;
2014-07-02 18:02:29 +02:00
}
};
2014-07-02 18:02:29 +02:00
// Extract and return the staged nodes which (may) match the selectors.
var selectNodes = function(selector) {
var stagedNodes = contextNodes,
i = stagedNodes.length;
if ( i === 1 && stagedNodes[0] === document.documentElement ) {
return document.querySelectorAll(selector);
}
var targetNodes = [],
node, nodeList, j;
while ( i-- ) {
node = stagedNodes[i];
targetNodes.push(node);
nodeList = node.querySelectorAll(selector);
j = nodeList.length;
while ( j-- ) {
targetNodes.push(nodeList[j]);
}
2015-03-02 02:26:33 +01:00
}
return targetNodes;
};
2014-07-02 18:02:29 +02: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.
// 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
2015-09-04 22:30:53 +02:00
var surveyPhase1 = function() {
var nodes = selectNodes('[class],[id]');
var qq = queriedSelectors;
var ll = lowGenericSelectors;
var node, v, vv, j;
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;
}
2015-09-04 22:30:53 +02:00
}
vv = node.className;
if ( vv === '' || typeof vv !== 'string' ) { continue; }
if ( /\s/.test(vv) === false ) {
v = '.' + vv;
if ( qq[v] === undefined ) {
ll.push(v);
qq[v] = true;
}
} else {
vv = node.classList;
j = vv.length;
while ( j-- ) {
v = '.' + vv[j];
if ( qq[v] === undefined ) {
ll.push(v);
qq[v] = true;
}
}
2015-09-04 22:30:53 +02:00
}
2014-07-02 18:02:29 +02:00
}
surveyPhase2();
};
return surveyPhase1;
})();
2014-06-24 00:42:43 +02:00
// Start cosmetic filtering.
if ( domSurveyor ) {
domSurveyor();
}
2014-06-24 00:42:43 +02:00
2015-03-02 02:26:33 +01: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-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/618
2015-03-29 18:13:28 +02: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 18:13:28 +02:00
'style': true
};
2014-09-16 21:39:21 +02:00
// Added node lists will be cumulated here before being processed
2016-08-03 14:06:51 +02:00
var addedNodeLists = [],
addedNodeListsTimer = null,
removedNodeListsTimer = null,
removedNodesHandlerMissCount = 0,
collapser = domCollapser;
2014-09-16 21:39:21 +02:00
2015-10-31 05:55:10 +01:00
var addedNodesHandler = function() {
vAPI.executionCost.start();
2015-10-31 05:55:10 +01:00
addedNodeListsTimer = null;
2015-12-19 23:58:26 +01: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 18:13:28 +02:00
if ( ignoreTags.hasOwnProperty(node.localName) ) {
continue;
}
contextNodes.push(node);
2015-03-29 18:13:28 +02:00
collapser.iframesFromNode(node);
}
}
2015-12-19 23:58:26 +01:00
addedNodeLists.length = 0;
if ( contextNodes.length !== 0 ) {
if ( domSurveyor ) {
domSurveyor();
} else {
domFilterer.commit(contextNodes);
contextNodes = [];
if ( domFilterer.commitMissCount > 255 ) {
domLayoutObserver.disconnect();
}
}
}
vAPI.executionCost.stop('domIsLoaded/addedNodesHandler');
2014-07-02 18:02:29 +02:00
};
2015-10-31 05:55:10 +01:00
// https://github.com/gorhill/uBlock/issues/873
// This will ensure our style elements will stay in the DOM.
var removedNodesHandler = function() {
2016-08-03 14:06:51 +02:00
if ( domFilterer.checkStyleTags(true) === false ) {
removedNodesHandlerMissCount += 1;
}
if ( removedNodesHandlerMissCount < 16 ) {
removedNodeListsTimer = null;
}
2015-10-31 05:55:10 +01:00
};
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/205
2014-09-16 21:39:21 +02:00
// Do not handle added node directly from within mutation observer.
2015-10-31 05:55:10 +01: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) {
vAPI.executionCost.start();
2015-10-31 05:55:10 +01:00
var removedNodeLists = false;
2014-09-16 21:39:21 +02:00
var iMutation = mutations.length;
2015-10-31 05:55:10 +01:00
var nodeList, mutation;
2014-09-16 21:39:21 +02:00
while ( iMutation-- ) {
2015-10-31 05:55:10 +01:00
mutation = mutations[iMutation];
nodeList = mutation.addedNodes;
if ( nodeList.length !== 0 ) {
2014-09-16 21:39:21 +02:00
addedNodeLists.push(nodeList);
}
2015-10-31 05:55:10 +01:00
if ( mutation.removedNodes.length !== 0 ) {
removedNodeLists = true;
}
}
if ( addedNodeLists.length !== 0 && addedNodeListsTimer === null ) {
2016-08-03 14:06:51 +02:00
addedNodeListsTimer = window.requestAnimationFrame(addedNodesHandler);
2014-09-16 21:39:21 +02:00
}
2016-08-03 14:06:51 +02:00
if ( removedNodeLists && removedNodeListsTimer === null ) {
removedNodeListsTimer = window.requestAnimationFrame(removedNodesHandler);
2014-09-16 21:39:21 +02:00
}
vAPI.executionCost.stop('domIsLoaded/domLayoutChanged');
2014-09-16 21:39:21 +02:00
};
//console.debug('Starts cosmetic filtering\'s mutations observer');
// https://github.com/gorhill/httpswitchboard/issues/176
2015-10-31 05:55:10 +01:00
var domLayoutObserver = new MutationObserver(domLayoutChanged);
domLayoutObserver.observe(document.body, {
childList: true,
subtree: true
});
// https://github.com/gorhill/uMatrix/issues/144
2015-04-08 01:34:22 +02:00
vAPI.shutdown.add(function() {
2015-10-31 05:55:10 +01:00
domLayoutObserver.disconnect();
if ( addedNodeListsTimer !== null ) {
2016-08-03 14:06:51 +02:00
window.cancelAnimationFrame(addedNodeListsTimer);
}
2016-03-06 16:51:06 +01:00
if ( removedNodeListsTimer !== null ) {
2016-08-03 14:06:51 +02:00
window.cancelAnimationFrame(removedNodeListsTimer);
2016-03-06 16:51:06 +01:00
}
});
2014-07-02 18:02:29 +02:00
})();
2014-06-24 00:42:43 +02:00
/******************************************************************************/
2014-09-14 22:20:40 +02:00
// Permanent
2014-06-27 23:06:42 +02:00
2015-03-29 18:13:28 +02:00
// Listener to collapse blocked resources.
// - Future requests not blocked yet
// - Elements dynamically added to the page
// - Elements which resource URL changes
2015-02-04 06:24:12 +01:00
(function() {
var onResourceFailed = function(ev) {
vAPI.executionCost.start();
domCollapser.add(ev.target);
domCollapser.process();
vAPI.executionCost.stop('domIsLoaded/onResourceFailed');
};
document.addEventListener('error', onResourceFailed, true);
// https://github.com/gorhill/uMatrix/issues/144
2015-04-08 01:34:22 +02:00
vAPI.shutdown.add(function() {
document.removeEventListener('error', onResourceFailed, true);
});
})();
2014-06-24 00:42:43 +02:00
2014-09-14 22:20:40 +02:00
/******************************************************************************/
2015-04-07 03:26:05 +02:00
// https://github.com/chrisaljoudi/uBlock/issues/7
2015-11-01 17:25:36 +01:00
// Executed only once.
// Preferring getElementsByTagName over querySelectorAll:
// http://jsperf.com/queryselectorall-vs-getelementsbytagname/145
2014-09-14 22:20:40 +02:00
(function() {
var collapser = domCollapser,
elems = document.images || document.getElementsByTagName('img'),
i = elems.length, elem;
2015-03-29 18:13:28 +02:00
while ( i-- ) {
elem = elems[i];
if ( elem.complete ) {
collapser.add(elem);
2015-02-25 02:10:10 +01:00
}
2015-03-29 18:13:28 +02:00
}
collapser.addMany(document.embeds || document.getElementsByTagName('embed'));
collapser.addMany(document.getElementsByTagName('object'));
collapser.addIFrames(document.getElementsByTagName('iframe'));
2015-03-29 18:13:28 +02:00
collapser.process(0);
2014-09-14 22:20:40 +02:00
})();
2014-09-28 20:38:17 +02:00
/******************************************************************************/
2015-12-12 22:13:00 +01:00
// To send mouse coordinates to main process, as the chrome API fails
2014-09-28 20:38:17 +02:00
// to provide the mouse position to context menu listeners.
2015-12-12 22:13:00 +01: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 20:38:17 +02:00
// Ref.: https://developer.mozilla.org/en-US/docs/Web/Events/contextmenu
(function() {
if ( window !== window.top ) {
return;
}
2016-03-06 16:51:06 +01:00
var messaging = vAPI.messaging;
var onMouseClick = function(ev) {
vAPI.executionCost.start();
var elem = ev.target;
while ( elem !== null && elem.localName !== 'a' ) {
elem = elem.parentElement;
}
2016-03-06 16:51:06 +01:00
messaging.send(
'contentscript',
{
what: 'mouseClick',
x: ev.clientX,
y: ev.clientY,
url: elem !== null ? elem.href : ''
});
vAPI.executionCost.stop('domIsLoaded/onMouseClick');
2014-09-28 20:38:17 +02:00
};
2016-03-06 16:51:06 +01:00
document.addEventListener('mousedown', onMouseClick, true);
// https://github.com/gorhill/uMatrix/issues/144
2015-04-08 01:34:22 +02:00
vAPI.shutdown.add(function() {
2015-09-10 20:01:16 +02:00
document.removeEventListener('mousedown', onMouseClick, true);
});
2014-09-28 20:38:17 +02:00
})();
2015-01-02 03:14:53 +01:00
/******************************************************************************/
vAPI.executionCost.stop('domIsLoaded');
};
2015-01-02 03:14:53 +01:00
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
if ( document.readyState !== 'loading' ) {
window.requestAnimationFrame(domIsLoaded);
} else {
document.addEventListener('DOMContentLoaded', domIsLoaded);
}
vAPI.executionCost.stop('contentscript.js');