Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: include.preload.js

Issue 29714555: Issue 6441 - Avoid unnecessary shadow root (Closed) Base URL: https://hg.adblockplus.org/adblockpluschrome/
Patch Set: Improve user agent check Created March 9, 2018, 12:32 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
(...skipping 346 matching lines...) Expand 10 before | Expand all | Expand 10 after
357 357
358 createShadowTree() 358 createShadowTree()
359 { 359 {
360 // Use Shadow DOM if available as to not mess with with web pages that 360 // Use Shadow DOM if available as to not mess with with web pages that
361 // rely on the order of their own <style> tags (#309). However, creating 361 // rely on the order of their own <style> tags (#309). However, creating
362 // a shadow root breaks running CSS transitions. So we have to create 362 // a shadow root breaks running CSS transitions. So we have to create
363 // the shadow root before transistions might start (#452). 363 // the shadow root before transistions might start (#452).
364 if (!("createShadowRoot" in document.documentElement)) 364 if (!("createShadowRoot" in document.documentElement))
365 return null; 365 return null;
366 366
367 // Both Firefox and Chrome 66+ support user style sheets, so we can avoid
368 // creating an unnecessary shadow root on these platforms.
369 let match = /\bChrome\/(\d+)/.exec(navigator.userAgent);
370 if (!match || match[1] >= 66)
371 return null;
372
367 // Using shadow DOM causes issues on some Google websites, 373 // Using shadow DOM causes issues on some Google websites,
368 // including Google Docs, Gmail and Blogger (#1770, #2602, #2687). 374 // including Google Docs, Gmail and Blogger (#1770, #2602, #2687).
369 if (/\.(?:google|blogger)\.com$/.test(document.domain)) 375 if (/\.(?:google|blogger)\.com$/.test(document.domain))
370 return null; 376 return null;
371 377
372 // Finally since some users have both AdBlock and Adblock Plus installed we 378 // Finally since some users have both AdBlock and Adblock Plus installed we
373 // have to consider how the two extensions interact. For example we want to 379 // have to consider how the two extensions interact. For example we want to
374 // avoid creating the shadowRoot twice. 380 // avoid creating the shadowRoot twice.
375 let shadow = document.documentElement.shadowRoot || 381 let shadow = document.documentElement.shadowRoot ||
376 document.documentElement.createShadowRoot(); 382 document.documentElement.createShadowRoot();
377 shadow.appendChild(document.createElement("shadow")); 383 shadow.appendChild(document.createElement("content"));
378 384
379 return shadow; 385 return shadow;
380 }, 386 },
381 387
382 addSelectorsInline(selectors, groupName) 388 addSelectorsInline(selectors, groupName)
383 { 389 {
384 let style = this.styles.get(groupName); 390 let style = this.styles.get(groupName);
385 391
386 if (style) 392 if (style)
387 { 393 {
(...skipping 153 matching lines...) Expand 10 before | Expand all | Expand 10 after
541 let element = event.target; 547 let element = event.target;
542 if (/^i?frame$/.test(element.localName)) 548 if (/^i?frame$/.test(element.localName))
543 checkCollapse(element); 549 checkCollapse(element);
544 }, true); 550 }, true);
545 } 551 }
546 552
547 window.checkCollapse = checkCollapse; 553 window.checkCollapse = checkCollapse;
548 window.elemhide = elemhide; 554 window.elemhide = elemhide;
549 window.typeMap = typeMap; 555 window.typeMap = typeMap;
550 window.getURLsFromElement = getURLsFromElement; 556 window.getURLsFromElement = getURLsFromElement;
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld