OLD | NEW |
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 |
11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
12 * GNU General Public License for more details. | 12 * GNU General Public License for more details. |
13 * | 13 * |
14 * You should have received a copy of the GNU General Public License | 14 * You should have received a copy of the GNU General Public License |
15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. | 15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. |
16 */ | 16 */ |
17 | 17 |
18 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver; | 18 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver; |
19 var SELECTOR_GROUP_SIZE = 200; | 19 var SELECTOR_GROUP_SIZE = 200; |
| 20 var id = Math.random().toString(36).substr(2); |
20 | 21 |
21 var typeMap = { | 22 var typeMap = { |
22 "img": "IMAGE", | 23 "img": "IMAGE", |
23 "input": "IMAGE", | 24 "input": "IMAGE", |
24 "picture": "IMAGE", | 25 "picture": "IMAGE", |
25 "audio": "MEDIA", | 26 "audio": "MEDIA", |
26 "video": "MEDIA", | 27 "video": "MEDIA", |
27 "frame": "SUBDOCUMENT", | 28 "frame": "SUBDOCUMENT", |
28 "iframe": "SUBDOCUMENT", | 29 "iframe": "SUBDOCUMENT", |
29 "object": "OBJECT", | 30 "object": "OBJECT", |
(...skipping 312 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
342 var observer = new MutationObserver(function() | 343 var observer = new MutationObserver(function() |
343 { | 344 { |
344 if (style.parentNode != parentNode) | 345 if (style.parentNode != parentNode) |
345 parentNode.appendChild(style); | 346 parentNode.appendChild(style); |
346 }); | 347 }); |
347 | 348 |
348 observer.observe(parentNode, {childList: true}); | 349 observer.observe(parentNode, {childList: true}); |
349 return observer; | 350 return observer; |
350 } | 351 } |
351 | 352 |
| 353 function injectJS(f) |
| 354 { |
| 355 var args = JSON.stringify(Array.prototype.slice.call(arguments, 1)); |
| 356 args = args.substring(1, args.length - 1); |
| 357 var codeString = "(" + f.toString() + ")(" + args + ");"; |
| 358 |
| 359 var script = document.createElement("script"); |
| 360 script.async = false; |
| 361 script.textContent = codeString; |
| 362 document.documentElement.appendChild(script); |
| 363 document.documentElement.removeChild(script); |
| 364 } |
| 365 |
352 function protectStyleSheet(document, style) | 366 function protectStyleSheet(document, style) |
353 { | 367 { |
354 var id = Math.random().toString(36).substr(2) | |
355 style.id = id; | 368 style.id = id; |
356 | 369 |
357 var code = [ | 370 var protector = function(id) |
358 "(function()", | |
359 "{", | |
360 ' var style = document.getElementById("' + id + '") ||', | |
361 ' document.documentElement.shadowRoot.getElementById("' + id +
'");', | |
362 ' style.removeAttribute("id");' | |
363 ]; | |
364 | |
365 var disableables = ["style", "style.sheet"]; | |
366 for (var i = 0; i < disableables.length; i++) | |
367 { | 371 { |
368 code.push(" Object.defineProperty(" + disableables[i] + ', "disabled", ' | 372 var style = document.getElementById(id) || |
369 + "{value: false, enumerable: true});")
; | 373 document.documentElement.shadowRoot.getElementById(id); |
| 374 style.removeAttribute("id"); |
| 375 |
| 376 var i; |
| 377 var disableables = [style, style.sheet]; |
| 378 for (i = 0; i < disableables.length; i += 1) |
| 379 Object.defineProperty(disableables[i], "disabled", |
| 380 {value: false, enumerable: true}); |
| 381 |
| 382 var methods = ["deleteRule", "removeRule"]; |
| 383 for (i = 0; i < methods.length; i += 1) |
| 384 { |
| 385 if (methods[i] in CSSStyleSheet.prototype) |
| 386 { |
| 387 (function(method) |
| 388 { |
| 389 var original = CSSStyleSheet.prototype[method]; |
| 390 CSSStyleSheet.prototype[method] = function(index) |
| 391 { |
| 392 if (this != style.sheet) |
| 393 original.call(this, index); |
| 394 }; |
| 395 }(methods[i])); |
| 396 } |
| 397 } |
| 398 }; |
| 399 |
| 400 injectJS(protector, id); |
| 401 } |
| 402 |
| 403 // Neither Chrome[1] nor Safari allow us to intercept WebSockets, and therefore |
| 404 // some ad networks are misusing them as a way to serve adverts and circumvent |
| 405 // us. As a workaround we wrap WebSocket, closing connections that would have |
| 406 // otherwise been blocked. |
| 407 // [1] - https://bugs.chromium.org/p/chromium/issues/detail?id=129353 |
| 408 function wrapWebSocket() |
| 409 { |
| 410 if (typeof WebSocket == "undefined" || typeof WeakMap == "undefined") |
| 411 return; |
| 412 |
| 413 var eventName = "abpws-" + id; |
| 414 |
| 415 document.addEventListener(eventName, function(event) |
| 416 { |
| 417 ext.backgroundPage.sendMessage({ |
| 418 type: "websocket-request", |
| 419 url: event.detail.url |
| 420 }, function (block) |
| 421 { |
| 422 document.dispatchEvent( |
| 423 new CustomEvent(eventName + "-" + event.detail.url, {detail: block}) |
| 424 ); |
| 425 }); |
| 426 }); |
| 427 |
| 428 function wrapper(eventName) |
| 429 { |
| 430 var RealWebSocket = WebSocket; |
| 431 |
| 432 function checkRequest(url, protocols, callback) |
| 433 { |
| 434 var incomingEventName = eventName + "-" + url; |
| 435 function listener(event) |
| 436 { |
| 437 callback(event.detail); |
| 438 document.removeEventListener(incomingEventName, listener); |
| 439 } |
| 440 document.addEventListener(incomingEventName, listener); |
| 441 |
| 442 document.dispatchEvent(new CustomEvent(eventName, { |
| 443 detail: {url: url, protocols: protocols} |
| 444 })); |
| 445 } |
| 446 |
| 447 // To avoid detection we make our WebSocket wrapper as similar as possible. |
| 448 // Most WebSocket properties and methods actually belong to |
| 449 // WebSocket.prototype, but they require access to the instance state. To |
| 450 // acheive this without adding extra properties we need to manage our own |
| 451 // storage here. To avoid leaking memory in the case that all other |
| 452 // references to a WebSocket have been deleted we must use a WeakMap. |
| 453 var instanceStorage = new WeakMap(); |
| 454 |
| 455 // We check if a WebSocket should be blocked before actually creating it. As |
| 456 // this is done asynchonously we must queue up any actions (method calls and |
| 457 // assignments) that happen in the mean time. |
| 458 // Once we have a block/allow result we create the WebSocket and perform the |
| 459 // queued actions. (For blocked requests we only need to manage error and |
| 460 // close listeners, other actions are all ignored. This is so real close and |
| 461 // error events are fired, with the minimal risk of leaking messages.) |
| 462 function processQueue(queue, websocket, blocked) |
| 463 { |
| 464 for (var i = 0; i < queue.length; i += 1) |
| 465 { |
| 466 var action = queue[i][0]; |
| 467 var key = queue[i][1]; |
| 468 var value = queue[i][2]; |
| 469 |
| 470 if (action == "set" && |
| 471 (!blocked || key == "onclose" || key == "onerror")) |
| 472 websocket[key] = value; |
| 473 else if (action == "call" && |
| 474 (!blocked || |
| 475 ((key == "addEventListener" || key == "removeEventListener") &
& |
| 476 (value[0] == "error" || value[0] == "close")))) |
| 477 websocket[key].apply(websocket, value); |
| 478 } |
| 479 } |
| 480 |
| 481 var defaults = { |
| 482 readyState: RealWebSocket.CONNECTING, |
| 483 bufferedAmount: 0, |
| 484 extensions: "", |
| 485 binaryType: "blob" |
| 486 }; |
| 487 |
| 488 WebSocket = function(url, protocols) |
| 489 { |
| 490 var storage = { |
| 491 url: url, |
| 492 protocol: protocols, |
| 493 queue: [], |
| 494 websocket: null |
| 495 }; |
| 496 instanceStorage.set(this, storage); |
| 497 |
| 498 checkRequest(url, protocols, function(blocked) |
| 499 { |
| 500 storage.websocket = new RealWebSocket(url, protocols); |
| 501 processQueue(storage.queue, storage.websocket, blocked); |
| 502 if (blocked) |
| 503 storage.websocket.close(); |
| 504 delete storage.queue; |
| 505 }); |
| 506 }; |
| 507 |
| 508 function proxyProperties(original) |
| 509 { |
| 510 var properties = Object.create(null); |
| 511 |
| 512 Object.keys(original).map(function(key) |
| 513 { |
| 514 if (key == "prototype") |
| 515 return; |
| 516 |
| 517 var descriptor = Object.getOwnPropertyDescriptor(original, key); |
| 518 |
| 519 if (typeof descriptor.value == "function") |
| 520 { |
| 521 descriptor.value = function() |
| 522 { |
| 523 var storage = instanceStorage.get(this); |
| 524 if (!storage) |
| 525 original[key].apply(original, arguments); |
| 526 else if (storage.websocket) |
| 527 storage.websocket[key].apply(storage.websocket, arguments); |
| 528 else |
| 529 storage.queue.push(["call", key, arguments]); |
| 530 }; |
| 531 } |
| 532 else if (typeof descriptor.value == "undefined") |
| 533 { |
| 534 descriptor.get = function() |
| 535 { |
| 536 var storage = instanceStorage.get(this); |
| 537 if (!storage) |
| 538 return original[key]; |
| 539 if (storage.websocket) |
| 540 return storage.websocket[key]; |
| 541 if (key == "url" || key == "protocol") |
| 542 return storage[key]; |
| 543 if (key in defaults) |
| 544 return defaults[key]; |
| 545 return null; |
| 546 }; |
| 547 descriptor.set = function(value) |
| 548 { |
| 549 var storage = instanceStorage.get(this); |
| 550 if (!storage) |
| 551 original[key] = value; |
| 552 else if (storage.websocket) |
| 553 storage.websocket[key] = value; |
| 554 else |
| 555 storage.queue.push(["set", key, value]); |
| 556 return value; |
| 557 }; |
| 558 } |
| 559 properties[key] = descriptor; |
| 560 }); |
| 561 return properties; |
| 562 } |
| 563 |
| 564 Object.defineProperties(WebSocket, proxyProperties(RealWebSocket)); |
| 565 WebSocket.prototype = Object.create( |
| 566 RealWebSocket.prototype.__proto__, |
| 567 proxyProperties(RealWebSocket.prototype) |
| 568 ); |
370 } | 569 } |
371 | 570 |
372 var methods = ["deleteRule", "removeRule"]; | 571 injectJS(wrapper, eventName); |
373 for (var j = 0; j < methods.length; j++) | |
374 { | |
375 var method = methods[j]; | |
376 if (method in CSSStyleSheet.prototype) | |
377 { | |
378 var origin = "CSSStyleSheet.prototype." + method; | |
379 code.push(" var " + method + " = " + origin + ";", | |
380 " " + origin + " = function(index)", | |
381 " {", | |
382 " if (this != style.sheet)", | |
383 " " + method + ".call(this, index);", | |
384 " }"); | |
385 } | |
386 } | |
387 | |
388 code.push("})();"); | |
389 | |
390 var script = document.createElement("script"); | |
391 script.async = false; | |
392 script.textContent = code.join("\n"); | |
393 document.documentElement.appendChild(script); | |
394 document.documentElement.removeChild(script); | |
395 } | 572 } |
396 | 573 |
397 function init(document) | 574 function init(document) |
398 { | 575 { |
399 var shadow = null; | 576 var shadow = null; |
400 var style = null; | 577 var style = null; |
401 var observer = null; | 578 var observer = null; |
402 var tracer = null; | 579 var tracer = null; |
403 | 580 |
| 581 wrapWebSocket(); |
| 582 |
404 function getPropertyFilters(callback) | 583 function getPropertyFilters(callback) |
405 { | 584 { |
406 ext.backgroundPage.sendMessage({ | 585 ext.backgroundPage.sendMessage({ |
407 type: "filters.get", | 586 type: "filters.get", |
408 what: "cssproperties" | 587 what: "cssproperties" |
409 }, callback); | 588 }, callback); |
410 } | 589 } |
411 var propertyFilters = new CSSPropertyFilters(window, getPropertyFilters, | 590 var propertyFilters = new CSSPropertyFilters(window, getPropertyFilters, |
412 addElemHideSelectors); | 591 addElemHideSelectors); |
413 | 592 |
(...skipping 150 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
564 }, true); | 743 }, true); |
565 | 744 |
566 return updateStylesheet; | 745 return updateStylesheet; |
567 } | 746 } |
568 | 747 |
569 if (document instanceof HTMLDocument) | 748 if (document instanceof HTMLDocument) |
570 { | 749 { |
571 checkSitekey(); | 750 checkSitekey(); |
572 window.updateStylesheet = init(document); | 751 window.updateStylesheet = init(document); |
573 } | 752 } |
OLD | NEW |