/******************************************************************************* µBlock - a Chromium browser extension to block requests. Copyright (C) 2014 Raymond Hill 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 */ /* global vAPI, HTMLDocument */ /******************************************************************************/ // Injected into content pages (function() { 'use strict'; /******************************************************************************/ // https://github.com/gorhill/uBlock/issues/464 if ( document instanceof HTMLDocument === false ) { //console.debug('contentscript-end.js > not a HTLMDocument'); return false; } if ( !vAPI ) { //console.debug('contentscript-end.js > vAPI not found'); return; } // https://github.com/gorhill/uBlock/issues/587 // Pointless to execute without the start script having done its job. if ( !vAPI.contentscriptStartInjected ) { return; } // https://github.com/gorhill/uBlock/issues/456 // Already injected? if ( vAPI.contentscriptEndInjected ) { //console.debug('contentscript-end.js > content script already injected'); return; } vAPI.contentscriptEndInjected = true; /******************************************************************************/ var messager = vAPI.messaging.channel('contentscript-end.js'); /******************************************************************************/ // https://github.com/gorhill/uBlock/issues/789 // Be sure that specific cosmetic filters are still applied. // Executed once, then flushed from memory. (function() { // Were there specific cosmetic filters? if ( vAPI.specificHideStyle instanceof HTMLStyleElement === false ) { return; } // Is our style tag still in the DOM? (the guess is whatever parent there // is, it is in the DOM) if ( vAPI.specificHideStyle.parentNode !== null ) { return; } // Put it back var parent = document.head || document.documentElement; if ( parent ) { parent.appendChild(vAPI.specificHideStyle); } })(); /******************************************************************************/ // Cosmetic filters (function() { if ( vAPI.skipCosmeticFiltering ) { // console.debug('Abort cosmetic filtering'); return; } //var tStart = window.performance.now(); var queriedSelectors = {}; var injectedSelectors = {}; var lowGenericSelectors = []; var highGenerics = null; var contextNodes = [document]; var nullArray = { push: function(){} }; var retrieveGenericSelectors = function() { if ( lowGenericSelectors.length !== 0 || highGenerics === null ) { //console.log('µBlock> ABP cosmetic filters: retrieving CSS rules using %d selectors', lowGenericSelectors.length); messager.send({ what: 'retrieveGenericCosmeticSelectors', pageURL: window.location.href, selectors: lowGenericSelectors, highGenerics: highGenerics === null }, retrieveHandler ); // https://github.com/gorhill/uBlock/issues/452 // There is only one first.. retrieveHandler = otherRetrieveHandler; } else { otherRetrieveHandler(null); } lowGenericSelectors = []; }; // https://github.com/gorhill/uBlock/issues/452 // This needs to be executed *after* the response from our query is // received, not at `DOMContentLoaded` time, or else there is a good // likeliness to outrun contentscript-start.js, which may still be waiting // on a response from its own query. var firstRetrieveHandler = function(response) { // https://github.com/gorhill/uBlock/issues/158 // Ensure injected styles are enforced // rhill 2014-11-16: not sure this is needed anymore. Test case in // above issue was fine without the line below.. var selectors = vAPI.hideCosmeticFilters; if ( typeof selectors === 'object' ) { injectedSelectors = selectors; //hideElements(Object.keys(selectors)); } // Add exception filters into injected filters collection, in order // to force them to be seen as "already injected". selectors = vAPI.donthideCosmeticFilters; if ( typeof selectors === 'object' ) { for ( var selector in selectors ) { if ( selectors.hasOwnProperty(selector) ) { injectedSelectors[selector] = true; } } } // Flush dead code from memory (does this work?) firstRetrieveHandler = null; otherRetrieveHandler(response); }; var otherRetrieveHandler = function(selectors) { //var tStart = window.performance.now(); //console.debug('µBlock> contextNodes = %o', contextNodes); if ( selectors && selectors.highGenerics ) { highGenerics = selectors.highGenerics; } if ( selectors && selectors.donthide.length ) { processLowGenerics(selectors.donthide, nullArray); } if ( highGenerics ) { if ( highGenerics.donthideLowCount ) { processHighLowGenerics(highGenerics.donthideLow, nullArray); } if ( highGenerics.donthideMediumCount ) { processHighMediumGenerics(highGenerics.donthideMedium, nullArray); } } // No such thing as high-high generic exceptions. //if ( highGenerics.donthideHighCount ) { // processHighHighGenerics(document, highGenerics.donthideHigh, nullArray); //} var hideSelectors = []; if ( selectors && selectors.hide.length ) { processLowGenerics(selectors.hide, hideSelectors); } if ( highGenerics ) { if ( highGenerics.hideLowCount ) { processHighLowGenerics(highGenerics.hideLow, hideSelectors); } if ( highGenerics.hideMediumCount ) { processHighMediumGenerics(highGenerics.hideMedium, hideSelectors); } if ( highGenerics.hideHighCount ) { processHighHighGenericsAsync(); } } if ( hideSelectors.length ) { addStyleTag(hideSelectors); } contextNodes.length = 0; //console.debug('%f: uBlock: CSS injection time', window.performance.now() - tStart); }; var retrieveHandler = firstRetrieveHandler; // Ensure elements matching a set of selectors are visually removed // from the page, by: // - Modifying the style property on the elements themselves // - Injecting a style tag var addStyleTag = function(selectors) { //hideElements(selectors); var style = document.createElement('style'); // The linefeed before the style block is very important: do no remove! style.appendChild(document.createTextNode(selectors.toString() + '\n{display:none !important;}')); var parent = document.body || document.documentElement; if ( parent ) { parent.appendChild(style); } messager.send({ what: 'injectedSelectors', type: 'cosmetic', hostname: window.location.hostname, selectors: selectors }); //console.debug('µBlock> generic cosmetic filters: injecting %d CSS rules:', selectors.length, text); }; var hideElements = function(selectors) { // https://github.com/gorhill/uBlock/issues/207 // Do not call querySelectorAll() using invalid CSS selectors if ( selectors.length === 0 ) { return; } if ( document.body === null ) { return; } // https://github.com/gorhill/uBlock/issues/158 // Using CSSStyleDeclaration.setProperty is more reliable var elems = document.querySelectorAll(selectors); var i = elems.length; while ( i-- ) { elems[i].style.setProperty('display', 'none', 'important'); } }; // 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]); } } return targetNodes; }; // Low generics: // - [id] // - [class] var processLowGenerics = function(generics, out) { var i = generics.length; var selector; while ( i-- ) { selector = generics[i]; if ( injectedSelectors.hasOwnProperty(selector) ) { continue; } injectedSelectors[selector] = true; out.push(selector); } }; // High-low generics: // - [alt="..."] // - [title="..."] var processHighLowGenerics = function(generics, out) { 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) ) { if ( injectedSelectors.hasOwnProperty(selector) === false ) { injectedSelectors[selector] = true; out.push(selector); continue; } } // Candidate 2 = specific form selector = node.tagName.toLowerCase() + selector; if ( generics.hasOwnProperty(selector) ) { if ( injectedSelectors.hasOwnProperty(selector) === false ) { injectedSelectors[selector] = true; out.push(selector); } } } } }; // High-medium generics: // - [href^="http"] var processHighMediumGenerics = function(generics, out) { var nodeList = selectNodes('a[href^="http"]'); var iNode = nodeList.length; var node, href, pos, hash, selectors, selector, iSelector; while ( iNode-- ) { node = nodeList[iNode]; href = node.getAttribute('href'); if ( !href ) { continue; } pos = href.indexOf('://'); if ( pos === -1 ) { continue; } hash = href.slice(pos + 3, pos + 11); selectors = generics[hash]; if ( selectors === undefined ) { continue; } iSelector = selectors.length; while ( iSelector-- ) { selector = selectors[iSelector]; if ( injectedSelectors.hasOwnProperty(selector) === false ) { injectedSelectors[selector] = true; out.push(selector); } } } }; // High-high generics are *very costly* to process, so we will coalesce // requests to process high-high generics into as few requests as possible. // The gain is *significant* on bloated pages. // Speed boost (uBlock 0.8.9.2+): // Element.matches is MUCH faster than document.querySelector(). // // Example: // gmail.com, a page rich in mutation events, which causes many calls // to processHighHighGenerics(). Cumulative time of 24 calls to // matchesSelector() (default filter lists): // Chromium 40: // - document.querySelector() = 44.79 ms // - document.body.matches() = 6.06 ms // Firefox 36: // - document.querySelector() = 27.10 ms // - document.body.matches() = 3.50 ms // // However, Element.matches() is available from Chromium 34/Firefox 34. So // we fall back to slower document.querySelector() when Element.matches() // is not available. var matchesSelector = (function() { if ( document.body && document.body.matches ) { return function(selector) { return document.body.matches(selector); }; } return function(selector) { return document.querySelector(selector) !== null; }; })(); var processHighHighGenericsTimer = null; var processHighHighGenerics = function() { processHighHighGenericsTimer = null; if ( injectedSelectors.hasOwnProperty('{{highHighGenerics}}') ) { return; } //var tStart = window.performance.now(); if ( matchesSelector(highGenerics.hideHigh) === false ) { //console.debug('%f: uBlock: high-high generic time', window.performance.now() - tStart); return; } injectedSelectors['{{highHighGenerics}}'] = true; // We need to filter out possible exception cosmetic filters from // high-high generics selectors. var selectors = highGenerics.hideHigh.split(',\n'); var i = selectors.length; var selector; while ( i-- ) { selector = selectors[i]; if ( injectedSelectors.hasOwnProperty(selector) ) { selectors.splice(i, 1); } else { injectedSelectors[selector] = true; } } if ( selectors.length !== 0 ) { addStyleTag(selectors); } }; var processHighHighGenericsAsync = function() { if ( processHighHighGenericsTimer !== null ) { clearTimeout(processHighHighGenericsTimer); } processHighHighGenericsTimer = setTimeout(processHighHighGenerics, 300); }; // Extract all ids: these will be passed to the cosmetic filtering // engine, and in return we will obtain only the relevant CSS selectors. var idsFromNodeList = function(nodes) { if ( !nodes || !nodes.length ) { return; } var qq = queriedSelectors; var ll = lowGenericSelectors; var node, v; var i = nodes.length; while ( i-- ) { node = nodes[i]; if ( node.nodeType !== 1 ) { continue; } // id v = nodes[i].id; if ( typeof v !== 'string' ) { continue; } v = v.trim(); if ( v === '' ) { continue; } v = '#' + v; if ( qq.hasOwnProperty(v) ) { continue; } ll.push(v); qq[v] = true; } }; // Extract all classes: these will be passed to the cosmetic filtering // engine, and in return we will obtain only the relevant CSS selectors. var classesFromNodeList = function(nodes) { if ( !nodes || !nodes.length ) { return; } var qq = queriedSelectors; var ll = lowGenericSelectors; var node, v, vv, j; var i = nodes.length; while ( i-- ) { node = nodes[i]; vv = node.classList; if ( typeof vv !== 'object' ) { continue; } j = vv.length || 0; while ( j-- ) { v = vv[j]; if ( typeof v !== 'string' ) { continue; } v = '.' + v; if ( qq.hasOwnProperty(v) ) { continue; } ll.push(v); qq[v] = true; } } }; // Start cosmetic filtering. idsFromNodeList(document.querySelectorAll('[id]')); classesFromNodeList(document.querySelectorAll('[class]')); retrieveGenericSelectors(); //console.debug('%f: uBlock: survey time', window.performance.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; } var ignoreTags = { 'link': true, 'LINK': true, 'script': true, 'SCRIPT': true, 'style': true, 'STYLE': true }; // Added node lists will be cumulated here before being processed var addedNodeLists = []; var addedNodeListsTimer = null; var mutationObservedHandler = function() { var nodeList, iNode, node; while ( nodeList = addedNodeLists.pop() ) { iNode = nodeList.length; while ( iNode-- ) { node = nodeList[iNode]; if ( node.nodeType !== 1 ) { continue; } if ( ignoreTags.hasOwnProperty(node.tagName) ) { continue; } contextNodes.push(node); } } addedNodeListsTimer = null; if ( contextNodes.length !== 0 ) { idsFromNodeList(selectNodes('[id]')); classesFromNodeList(selectNodes('[class]')); retrieveGenericSelectors(); } }; // https://github.com/gorhill/uBlock/issues/205 // Do not handle added node directly from within mutation observer. var treeMutationObservedHandlerAsync = function(mutations) { var iMutation = mutations.length; var nodeList; while ( iMutation-- ) { nodeList = mutations[iMutation].addedNodes; if ( nodeList.length !== 0 ) { addedNodeLists.push(nodeList); } } if ( addedNodeListsTimer === null ) { // 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. addedNodeListsTimer = setTimeout(mutationObservedHandler, 100); } }; // https://github.com/gorhill/httpswitchboard/issues/176 var treeObserver = new MutationObserver(treeMutationObservedHandlerAsync); treeObserver.observe(document.body, { childList: true, subtree: true }); })(); /******************************************************************************/ /******************************************************************************/ // Permanent (function() { // https://github.com/gorhill/uBlock/issues/683 // Instead of a closure we use a map to remember the element to collapse var filterRequestId = 1; var filterRequests = {}; var FilterRequest = function(target, selector) { this.id = filterRequestId++; this.target = target; this.selector = selector; }; FilterRequest.send = function(target, tagName, prop, src) { var req = new FilterRequest( target, tagName + '[' + prop + '="' + src + '"]' ); filterRequests[req.id] = req; messager.send( { what: 'filterRequest', id: req.id, tagName: tagName, requestURL: src, pageHostname: window.location.hostname, pageURL: window.location.href }, onAnswerReceived ); }; // Process answer: collapse, hide, or do nothing. var onAnswerReceived = function(details) { // This should not happen under normal circumstances. It probably can // happen if the extension is disabled though. if ( typeof details !== 'object' || details === null ) { return; } // This should definitely not happen if ( filterRequests.hasOwnProperty(details.id) === false ) { return; } var req = filterRequests[details.id]; delete filterRequests[details.id]; // https://github.com/gorhill/uBlock/issues/869 if ( details.collapse !== true ) { return; } //console.log('contentscript-end.js > onAnswerReceived(%o)', req); // If `!important` is not there, going back using history will // likely cause the hidden element to re-appear. // https://github.com/gorhill/uBlock/issues/399 // Never remove elements from the DOM, just hide them req.target.style.setProperty('display', 'none', 'important'); messager.send({ what: 'injectedSelectors', type: 'net', hostname: window.location.hostname, selectors: req.selector }); }; // https://github.com/gorhill/uBlock/issues/174 // Do not remove fragment from src URL // TODO: Find out whether trying to send more than one filter request per // message is worth it. var onResource = function(target, dict) { if ( !target ) { return; } var tagName = target.tagName.toLowerCase(); var prop = dict[tagName]; if ( prop === undefined ) { return; } var src = target[prop]; if ( typeof src !== 'string' || src === '' ) { return; } if ( src.lastIndexOf('http', 0) !== 0 ) { return; } FilterRequest.send(target, tagName, prop, src); }; // Listeners to mop up whatever is otherwise missed: // - Future requests not blocked yet // - Elements dynamically added to the page // - Elements which resource URL changes var loadedElements = { 'iframe': 'src' }; var failedElements = { 'img': 'src', 'input': 'src', 'object': 'data' }; var onResourceLoaded = function(ev) { //console.debug('onResourceLoaded(%o)', ev); onResource(ev.target, loadedElements); }; var onResourceFailed = function(ev) { //console.debug('onResourceFailed(%o)', ev); onResource(ev.target, failedElements); }; document.addEventListener('load', onResourceLoaded, true); document.addEventListener('error', onResourceFailed, true); })(); /******************************************************************************/ /******************************************************************************/ // https://github.com/gorhill/uBlock/issues/7 // Executed only once (function() { var srcProps = { 'embed': 'src', 'iframe': 'src', 'img': 'src', 'object': 'data' }; var elements = []; var onAnswerReceived = function(details) { if ( typeof details !== 'object' || details === null ) { return; } var collapse = details.collapse; // https://github.com/gorhill/uBlock/issues/869 if ( collapse !== true ) { return; } var requests = details.requests; var selectors = []; var i = requests.length; var request; while ( i-- ) { request = requests[i]; // https://github.com/gorhill/uBlock/issues/399 // Never remove elements from the DOM, just hide them elements[request.index].style.setProperty('display', 'none', 'important'); selectors.push(request.tagName + '[' + srcProps[request.tagName] + '="' + request.url + '"]'); } if ( selectors.length !== 0 ) { messager.send({ what: 'injectedSelectors', type: 'net', hostname: window.location.hostname, selectors: selectors }); } }; var requests = []; var tagNames = ['embed','iframe','img','object']; var elementIndex = 0; var tagName, elems, i, elem, prop, src; while ( tagName = tagNames.pop() ) { elems = document.getElementsByTagName(tagName); i = elems.length; while ( i-- ) { elem = elems[i]; prop = srcProps[tagName]; if ( prop === undefined ) { continue; } src = elem[prop]; if ( typeof src !== 'string' || src === '' ) { continue; } if ( src.lastIndexOf('http', 0) !== 0 ) { continue; } requests.push({ index: elementIndex, tagName: tagName, url: src }); elements[elementIndex] = elem; elementIndex += 1; } } var details = { what: 'filterRequests', pageURL: window.location.href, pageHostname: window.location.hostname, requests: requests }; messager.send(details, onAnswerReceived); })(); /******************************************************************************/ /******************************************************************************/ // To send mouse coordinates to context menu handler, as the chrome API fails // to provide the mouse position to context menu listeners. // This could be inserted in its own content script, but it's so simple that // I feel it's not worth the overhead. // Ref.: https://developer.mozilla.org/en-US/docs/Web/Events/contextmenu (function() { if ( window !== window.top ) { return; } var onContextMenu = function(ev) { messager.send({ what: 'contextMenuEvent', clientX: ev.clientX, clientY: ev.clientY }); }; window.addEventListener('contextmenu', onContextMenu, true); })(); /******************************************************************************/ /******************************************************************************/ })(); /******************************************************************************/