Left: | ||
Right: |
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-present eyeo GmbH | 3 * Copyright (C) 2006-present 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 "use strict"; | 18 "use strict"; |
19 | 19 |
20 let {splitSelector} = require("./adblockpluscore/lib/common"); | 20 let {splitSelector} = require("./adblockpluscore/lib/common"); |
21 let {ElemHideEmulation} = require( | 21 let {ElemHideEmulation} = |
kzar
2018/03/19 21:50:07
Please indent this like
let {ElemHideEmulation}
Jon Sonesen
2018/03/20 23:25:18
Acknowledged.
| |
22 "./adblockpluscore/lib/content/elemHideEmulation"); | 22 require("./adblockpluscore/lib/content/elemHideEmulation"); |
23 | 23 |
24 // This variable is also used by our other content scripts. | 24 // This variable is also used by our other content scripts. |
25 let elemhide; | 25 let elemhide; |
26 | 26 |
27 const typeMap = new Map([ | 27 const typeMap = new Map([ |
28 ["img", "IMAGE"], | 28 ["img", "IMAGE"], |
29 ["input", "IMAGE"], | 29 ["input", "IMAGE"], |
30 ["picture", "IMAGE"], | 30 ["picture", "IMAGE"], |
31 ["audio", "MEDIA"], | 31 ["audio", "MEDIA"], |
32 ["video", "MEDIA"], | 32 ["video", "MEDIA"], |
(...skipping 307 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
340 } | 340 } |
341 }; | 341 }; |
342 | 342 |
343 function ElemHide() | 343 function ElemHide() |
344 { | 344 { |
345 this.shadow = this.createShadowTree(); | 345 this.shadow = this.createShadowTree(); |
346 this.styles = new Map(); | 346 this.styles = new Map(); |
347 this.tracer = null; | 347 this.tracer = null; |
348 this.inline = true; | 348 this.inline = true; |
349 this.inlineEmulated = true; | 349 this.inlineEmulated = true; |
350 this.emulatedPatterns = null; | |
351 | 350 |
352 this.elemHideEmulation = new ElemHideEmulation( | 351 this.elemHideEmulation = new ElemHideEmulation( |
353 this.addSelectors.bind(this), | 352 this.addSelectors.bind(this), |
354 this.hideElements.bind(this) | 353 this.hideElements.bind(this) |
355 ); | 354 ); |
356 } | 355 } |
357 ElemHide.prototype = { | 356 ElemHide.prototype = { |
358 selectorGroupSize: 1024, | 357 selectorGroupSize: 1024, |
359 | 358 |
360 createShadowTree() | 359 createShadowTree() |
361 { | 360 { |
362 // Use Shadow DOM if available as to not mess with with web pages that | 361 // Use Shadow DOM if available as to not mess with with web pages that |
363 // rely on the order of their own <style> tags (#309). However, creating | 362 // rely on the order of their own <style> tags (#309). However, creating |
364 // a shadow root breaks running CSS transitions. So we have to create | 363 // a shadow root breaks running CSS transitions. So we have to create |
365 // the shadow root before transistions might start (#452). | 364 // the shadow root before transistions might start (#452). |
366 if (!("createShadowRoot" in document.documentElement)) | 365 if (!("createShadowRoot" in document.documentElement)) |
367 return null; | 366 return null; |
368 | 367 |
368 // Both Firefox and Chrome 66+ support user style sheets, so we can avoid | |
369 // creating an unnecessary shadow root on these platforms. | |
370 let match = /\bChrome\/(\d+)/.exec(navigator.userAgent); | |
371 if (!match || match[1] >= 66) | |
372 return null; | |
373 | |
369 // Using shadow DOM causes issues on some Google websites, | 374 // Using shadow DOM causes issues on some Google websites, |
370 // including Google Docs, Gmail and Blogger (#1770, #2602, #2687). | 375 // including Google Docs, Gmail and Blogger (#1770, #2602, #2687). |
371 if (/\.(?:google|blogger)\.com$/.test(document.domain)) | 376 if (/\.(?:google|blogger)\.com$/.test(document.domain)) |
372 return null; | 377 return null; |
373 | 378 |
374 // Finally since some users have both AdBlock and Adblock Plus installed we | 379 // Finally since some users have both AdBlock and Adblock Plus installed we |
375 // have to consider how the two extensions interact. For example we want to | 380 // have to consider how the two extensions interact. For example we want to |
376 // avoid creating the shadowRoot twice. | 381 // avoid creating the shadowRoot twice. |
377 let shadow = document.documentElement.shadowRoot || | 382 let shadow = document.documentElement.shadowRoot || |
378 document.documentElement.createShadowRoot(); | 383 document.documentElement.createShadowRoot(); |
379 shadow.appendChild(document.createElement("shadow")); | 384 shadow.appendChild(document.createElement("content")); |
380 | 385 |
381 return shadow; | 386 return shadow; |
382 }, | 387 }, |
383 | 388 |
384 addSelectorsInline(selectors, groupName) | 389 addSelectorsInline(selectors, groupName) |
385 { | 390 { |
386 let style = this.styles.get(groupName); | 391 let style = this.styles.get(groupName); |
387 | 392 |
388 if (style) | 393 if (style) |
389 { | 394 { |
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
509 | 514 |
510 this.inline = response.inline; | 515 this.inline = response.inline; |
511 this.inlineEmulated = !!response.inlineEmulated; | 516 this.inlineEmulated = !!response.inlineEmulated; |
512 | 517 |
513 if (this.inline) | 518 if (this.inline) |
514 this.addSelectorsInline(response.selectors, "standard"); | 519 this.addSelectorsInline(response.selectors, "standard"); |
515 | 520 |
516 if (this.tracer) | 521 if (this.tracer) |
517 this.tracer.addSelectors(response.selectors); | 522 this.tracer.addSelectors(response.selectors); |
518 | 523 |
524 // Prefer CSS selectors for -abp-has and -abp-contains unless the | |
525 // background page has asked us to use inline styles. | |
526 this.elemHideEmulation.useInlineStyles = this.inline || | |
527 this.inlineEmulated; | |
528 | |
519 this.elemHideEmulation.apply(response.emulatedPatterns); | 529 this.elemHideEmulation.apply(response.emulatedPatterns); |
520 }); | 530 }); |
521 } | 531 } |
522 }; | 532 }; |
523 | 533 |
524 if (document instanceof HTMLDocument) | 534 if (document instanceof HTMLDocument) |
525 { | 535 { |
526 checkSitekey(); | 536 checkSitekey(); |
527 | 537 |
528 elemhide = new ElemHide(); | 538 elemhide = new ElemHide(); |
529 elemhide.apply(); | 539 elemhide.apply(); |
530 | 540 |
531 document.addEventListener("error", event => | 541 document.addEventListener("error", event => |
532 { | 542 { |
533 checkCollapse(event.target); | 543 checkCollapse(event.target); |
534 }, true); | 544 }, true); |
535 | 545 |
536 document.addEventListener("load", event => | 546 document.addEventListener("load", event => |
537 { | 547 { |
538 let element = event.target; | 548 let element = event.target; |
539 if (/^i?frame$/.test(element.localName)) | 549 if (/^i?frame$/.test(element.localName)) |
540 checkCollapse(element); | 550 checkCollapse(element); |
541 }, true); | 551 }, true); |
542 } | 552 } |
543 | 553 |
544 window.checkCollapse = checkCollapse; | 554 window.checkCollapse = checkCollapse; |
545 window.elemhide = elemhide; | 555 window.elemhide = elemhide; |
546 window.typeMap = typeMap; | 556 window.typeMap = typeMap; |
547 window.getURLsFromElement = getURLsFromElement; | 557 window.getURLsFromElement = getURLsFromElement; |
LEFT | RIGHT |