| LEFT | RIGHT |
| 1 /* | 1 /* |
| 2 * This file is part of Adblock Plus <https://adblockplus.org/>, | 2 * This file is part of Adblock Plus <https://adblockplus.org/>, |
| 3 * Copyright (C) 2006-2016 Eyeo GmbH | 3 * Copyright (C) 2006-2016 Eyeo GmbH |
| 4 * | 4 * |
| 5 * Adblock Plus is free software: you can redistribute it and/or modify | 5 * Adblock Plus is free software: you can redistribute it and/or modify |
| 6 * it under the terms of the GNU General Public License version 3 as | 6 * it under the terms of the GNU General Public License version 3 as |
| 7 * published by the Free Software Foundation. | 7 * published by the Free Software Foundation. |
| 8 * | 8 * |
| 9 * Adblock Plus is distributed in the hope that it will be useful, | 9 * Adblock Plus is distributed in the hope that it will be useful, |
| 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of | 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| (...skipping 315 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 326 }, | 326 }, |
| 327 | 327 |
| 328 disconnect: function() | 328 disconnect: function() |
| 329 { | 329 { |
| 330 this.document.removeEventListener("DOMContentLoaded", this.trace); | 330 this.document.removeEventListener("DOMContentLoaded", this.trace); |
| 331 this.observer.disconnect(); | 331 this.observer.disconnect(); |
| 332 clearTimeout(this.timeout); | 332 clearTimeout(this.timeout); |
| 333 } | 333 } |
| 334 }; | 334 }; |
| 335 | 335 |
| 336 function runInPage(fn, arg) | 336 function runInDocument(document, fn, arg) |
| 337 { | 337 { |
| 338 var script = document.createElement("script"); | 338 var script = document.createElement("script"); |
| 339 script.type = "application/javascript"; | 339 script.type = "application/javascript"; |
| 340 script.async = false; | 340 script.async = false; |
| 341 script.textContent = "(" + fn + ")(" + JSON.stringify(arg) + ");"; | 341 script.textContent = "(" + fn + ")(" + JSON.stringify(arg) + ");"; |
| 342 document.documentElement.appendChild(script); | 342 document.documentElement.appendChild(script); |
| 343 document.documentElement.removeChild(script); | 343 document.documentElement.removeChild(script); |
| 344 } | 344 } |
| 345 | 345 |
| 346 // Neither Chrome[1] nor Safari allow us to intercept WebSockets, and therefore | 346 // Neither Chrome[1] nor Safari allow us to intercept WebSockets, and therefore |
| 347 // some ad networks are misusing them as a way to serve adverts and circumvent | 347 // some ad networks are misusing them as a way to serve adverts and circumvent |
| 348 // us. As a workaround we wrap WebSocket, preventing blocked WebSocket | 348 // us. As a workaround we wrap WebSocket, preventing blocked WebSocket |
| 349 // connections from being opened. | 349 // connections from being opened. |
| 350 // [1] - https://bugs.chromium.org/p/chromium/issues/detail?id=129353 | 350 // [1] - https://bugs.chromium.org/p/chromium/issues/detail?id=129353 |
| 351 function wrapWebSocket() | 351 function wrapWebSocket(document) |
| 352 { | 352 { |
| 353 if (typeof WebSocket == "undefined") | 353 if (typeof WebSocket == "undefined") |
| 354 return; | 354 return; |
| 355 | 355 |
| 356 var eventName = "abpws-" + Math.random().toString(36).substr(2); | 356 var eventName = "abpws-" + Math.random().toString(36).substr(2); |
| 357 | 357 |
| 358 document.addEventListener(eventName, function(event) | 358 document.addEventListener(eventName, function(event) |
| 359 { | 359 { |
| 360 ext.backgroundPage.sendMessage({ | 360 ext.backgroundPage.sendMessage({ |
| 361 type: "websocket-request", | 361 type: "websocket-request", |
| 362 url: event.detail.url | 362 url: event.detail.url |
| 363 }, function (block) | 363 }, function (block) |
| 364 { | 364 { |
| 365 document.dispatchEvent( | 365 document.dispatchEvent( |
| 366 new CustomEvent(eventName + "-" + event.detail.url, {detail: block}) | 366 new CustomEvent(eventName + "-" + event.detail.url, {detail: block}) |
| 367 ); | 367 ); |
| 368 }); | 368 }); |
| 369 }); | 369 }); |
| 370 | 370 |
| 371 runInPage(function(eventName) | 371 runInDocument(document, function(eventName) |
| 372 { | 372 { |
| 373 // As far as possible we must track everything we use that could be | 373 // As far as possible we must track everything we use that could be |
| 374 // sabotaged by the website later in order to circumvent us. | 374 // sabotaged by the website later in order to circumvent us. |
| 375 var RealWebSocket = WebSocket; | 375 var RealWebSocket = WebSocket; |
| 376 var closeWebSocket = Function.prototype.call.bind(RealWebSocket.prototype.cl
ose); | 376 var closeWebSocket = Function.prototype.call.bind(RealWebSocket.prototype.cl
ose); |
| 377 var addEventListener = document.addEventListener.bind(document); | 377 var addEventListener = document.addEventListener.bind(document); |
| 378 var removeEventListener = document.removeEventListener.bind(document); | 378 var removeEventListener = document.removeEventListener.bind(document); |
| 379 var dispatchEvent = document.dispatchEvent.bind(document); | 379 var dispatchEvent = document.dispatchEvent.bind(document); |
| 380 var CustomEvent = window.CustomEvent; | 380 var CustomEvent = window.CustomEvent; |
| 381 | 381 |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 423 }, eventName); | 423 }, eventName); |
| 424 } | 424 } |
| 425 | 425 |
| 426 function init(document) | 426 function init(document) |
| 427 { | 427 { |
| 428 var shadow = null; | 428 var shadow = null; |
| 429 var style = null; | 429 var style = null; |
| 430 var observer = null; | 430 var observer = null; |
| 431 var tracer = null; | 431 var tracer = null; |
| 432 | 432 |
| 433 wrapWebSocket(); | 433 wrapWebSocket(document); |
| 434 | 434 |
| 435 function getPropertyFilters(callback) | 435 function getPropertyFilters(callback) |
| 436 { | 436 { |
| 437 ext.backgroundPage.sendMessage({ | 437 ext.backgroundPage.sendMessage({ |
| 438 type: "filters.get", | 438 type: "filters.get", |
| 439 what: "cssproperties" | 439 what: "cssproperties" |
| 440 }, callback); | 440 }, callback); |
| 441 } | 441 } |
| 442 var propertyFilters = new CSSPropertyFilters(window, getPropertyFilters, | 442 var propertyFilters = new CSSPropertyFilters(window, getPropertyFilters, |
| 443 addElemHideSelectors); | 443 addElemHideSelectors); |
| 444 | 444 |
| 445 // Use Shadow DOM if available to don't mess with web pages that rely on | 445 // Use Shadow DOM if available to don't mess with web pages that rely on |
| 446 // the order of their own <style> tags (#309). | 446 // the order of their own <style> tags (#309). |
| 447 // | 447 // |
| 448 // However, creating a shadow root breaks running CSS transitions. So we | 448 // However, creating a shadow root breaks running CSS transitions. So we |
| 449 // have to create the shadow root before transistions might start (#452). | 449 // have to create the shadow root before transistions might start (#452). |
| 450 // | 450 // |
| 451 // Also, using shadow DOM causes issues on some Google websites, | 451 // Also, using shadow DOM causes issues on some Google websites, |
| 452 // including Google Docs, Gmail and Blogger (#1770, #2602, #2687). | 452 // including Google Docs, Gmail and Blogger (#1770, #2602, #2687). |
| 453 if ("createShadowRoot" in document.documentElement && | 453 if ("createShadowRoot" in document.documentElement && |
| 454 !/\.(?:google|blogger)\.com$/.test(document.domain)) | 454 !/\.(?:google|blogger)\.com$/.test(document.domain)) |
| 455 { | 455 { |
| 456 shadow = document.documentElement.createShadowRoot(); | 456 shadow = document.documentElement.createShadowRoot(); |
| 457 shadow.appendChild(document.createElement("shadow")); | 457 shadow.appendChild(document.createElement("shadow")); |
| 458 | 458 |
| 459 // Stop the website from messing with our shadowRoot | 459 // Stop the website from messing with our shadowRoot |
| 460 runInPage(function() | 460 runInDocument(document, function() |
| 461 { | 461 { |
| 462 var ourShadowRoot = document.documentElement.shadowRoot; | 462 var ourShadowRoot = document.documentElement.shadowRoot; |
| 463 var desc = Object.getOwnPropertyDescriptor(Element.prototype, "shadowRoot"
); | 463 var desc = Object.getOwnPropertyDescriptor(Element.prototype, "shadowRoot"
); |
| 464 var shadowRoot = Function.prototype.call.bind(desc.get); | 464 var shadowRoot = Function.prototype.call.bind(desc.get); |
| 465 | 465 |
| 466 Object.defineProperty(Element.prototype, "shadowRoot", { | 466 Object.defineProperty(Element.prototype, "shadowRoot", { |
| 467 conifgurable: true, enumerable: true, get: function() | 467 conifgurable: true, enumerable: true, get: function() |
| 468 { | 468 { |
| 469 var shadow = shadowRoot(this); | 469 var shadow = shadowRoot(this); |
| 470 return shadow == ourShadowRoot ? null : shadow; | 470 return shadow == ourShadowRoot ? null : shadow; |
| (...skipping 137 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 608 }, true); | 608 }, true); |
| 609 | 609 |
| 610 return updateStylesheet; | 610 return updateStylesheet; |
| 611 } | 611 } |
| 612 | 612 |
| 613 if (document instanceof HTMLDocument) | 613 if (document instanceof HTMLDocument) |
| 614 { | 614 { |
| 615 checkSitekey(); | 615 checkSitekey(); |
| 616 window.updateStylesheet = init(document); | 616 window.updateStylesheet = init(document); |
| 617 } | 617 } |
| LEFT | RIGHT |