Canvasblocker: White List of Domain Names

Created on 23 Apr 2019 · 18Comments · Source: kkapsner/CanvasBlocker

Description

Could you expand the area for the white list of domain names. If we add 2 or 3, that's fine, but now I have about 30 of them and it's not at all intuitive and annoying enough to manage this list.

Add a little button to whitelist the site would be quite nice too;)

Your Environment

CanvasBlocker Version used: latest (0.5.8)
Firefox version: 63.0.3 - 64-bit
Operating System and version (desktop or mobile): Windows 7 64-bit

enhancement

Source

Machou

All 18 comments

The idea is that you should not use it at all. It's legacy from previous versions (and people complained when I hid it).

Instead you should use the url specific settings (indicated by the black arrow at the very right that you can click). With this you can manage url specific settings much better and more granular.

There is already a little button to whitelist a site:

kkapsner on 23 Apr 2019

👍1

Yes, I know, but I don't think we're talking about the same thing.

I'm talking about changing the to , for example, at this location :</p> <p><img loading="lazy" src="https://i.imgur.com/RWmHnQb.jpg" alt="image" /></p> <p>Regards</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1043650?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Machou picture"> <strong>Machou</strong> <span class="text-muted ml-1">on 25 Apr 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>OK - that I can do.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1105157?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kkapsner picture"> <strong>kkapsner</strong> <span class="text-muted ml-1">on 25 Apr 2019</span> </div> <div class="col text-right"> ❤<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Please test <a rel="nofollow noopener" target="_blank" href="https://github.com/kkapsner/CanvasBlocker/releases/tag/0.5.9-RC1">https://github.com/kkapsner/CanvasBlocker/releases/tag/0.5.9-RC1</a></p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1105157?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kkapsner picture"> <strong>kkapsner</strong> <span class="text-muted ml-1">on 11 May 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Release 0.5.9 is published.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1105157?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kkapsner picture"> <strong>kkapsner</strong> <span class="text-muted ml-1">on 26 May 2019</span> </div> <div class="col text-right"> ❤<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3731713875" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>I think the textarea is still small, but it's already much better.</p> <p>You should use bootstrap to style your fields:)</p> <p>Thank you for your work anyway!</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1043650?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Machou picture"> <strong>Machou</strong> <span class="text-muted ml-1">on 26 May 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>You can drag the textarea bigger:<br /> <img loading="lazy" src="https://user-images.githubusercontent.com/1105157/58387077-9dae0800-8009-11e9-9a8c-8ae4d42c6c17.png" alt="image" /></p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1105157?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kkapsner picture"> <strong>kkapsner</strong> <span class="text-muted ml-1">on 26 May 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>I know i know :)</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1043650?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Machou picture"> <strong>Machou</strong> <span class="text-muted ml-1">on 27 May 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@kkapsner</strong> Why not add a button to the list to put a site on the white list? like adblock or ublock for example?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1043650?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Machou picture"> <strong>Machou</strong> <span class="text-muted ml-1">on 7 Jun 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>If you get the browser address bar icon (indicating that something was blocked or faked on that page) you can click it and whitelist the page there.</p> <p>I also think that the url specific settings (particularly the blocking mode) are a much better way to allow certain things for a domani or url. There you have a simple input and a button do add something.</p> <p>The old and simple white list is actually just legacy code and at some point in the future I will get rid of it. </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1105157?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kkapsner picture"> <strong>kkapsner</strong> <span class="text-muted ml-1">on 8 Jun 2019</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3731713875" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Sorry, but when I click on it, I end up with a list of options like this: <a rel="nofollow noopener" target="_blank" href="https://i.imgur.com/1II3lGV.jpg">https://i.imgur.com/1II3lGV.jpg</a></p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1043650?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Machou picture"> <strong>Machou</strong> <span class="text-muted ml-1">on 8 Jun 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>This is the wrong icon. You have to click the one in the address bar:<br /> <img loading="lazy" src="https://user-images.githubusercontent.com/1105157/59145953-3752bd80-89eb-11e9-97ee-d2b641f5a099.png" alt="image" /></p> <p>It only appears if CB did something on the page.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1105157?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kkapsner picture"> <strong>kkapsner</strong> <span class="text-muted ml-1">on 8 Jun 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>I can see the icon but it's still grayed out, and I can't move it from the "page action bar"</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1043650?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Machou picture"> <strong>Machou</strong> <span class="text-muted ml-1">on 8 Jun 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Did you disable the notifications? It should automatically appear in the address bar when CB does something and you do not have to move it there.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1105157?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kkapsner picture"> <strong>kkapsner</strong> <span class="text-muted ml-1">on 8 Jun 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>no, my notification is enabled</p> <p>edit: i have restart firefox, now its good thanks</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1043650?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Machou picture"> <strong>Machou</strong> <span class="text-muted ml-1">on 8 Jun 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>OK. Good that it works now.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1105157?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kkapsner picture"> <strong>kkapsner</strong> <span class="text-muted ml-1">on 9 Jun 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <blockquote> <p>This is the wrong icon. You have to click the one in the address bar:<br /> <img loading="lazy" src="https://user-images.githubusercontent.com/1105157/59145953-3752bd80-89eb-11e9-97ee-d2b641f5a099.png" alt="image" /></p> <p>It only appears if CB did something on the page.</p> </blockquote> <ul> <li>It doesn't show those buttons unless you hover the mouse over the URL, which people might not do and thus not see it.</li> <li>It asks for a regex for the URL, which most people won't understand</li> <li>It wraps the URL in <strong>$…^</strong> so for example, <strong>^example.com$</strong> won't whitelist it for <strong>^example.com/foobar$</strong>.</li> <li>When it asks which APIs to whitelist, it seems to do the opposite (eg if you select only canvas, it selects everything _except_ canvas)</li> </ul> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5210197?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Synetech picture"> <strong>Synetech</strong> <span class="text-muted ml-1">on 13 Oct 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>I think I commented on all points <a rel="nofollow noopener" target="_blank" href="https://github.com/kkapsner/CanvasBlocker/issues/501#issuecomment-709991698">here</a>.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1105157?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kkapsner picture"> <strong>kkapsner</strong> <span class="text-muted ml-1">on 16 Oct 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(435942531, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(435942531, 1);" onclick="rate(435942531, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(435942531, 2);" onclick="rate(435942531, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(435942531, 3);" onclick="rate(435942531, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(435942531, 4);" onclick="rate(435942531, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(435942531, 5);" onclick="rate(435942531, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/canvasblocker/596034718/timezone-and-time-offset-spoofing">TimeZone and time offset spoofing</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/63310151?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="hotx picture"> <strong class="pr-1" dir="ltr">hotx</strong> · <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/canvasblocker/347172027/alert-indicator-use-color-and-or-animation-to-increase">[alert indicator] Use color and/or animation to increase visibility</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/20834957?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kekukui picture"> <strong class="pr-1" dir="ltr">kekukui</strong> · <span class="px-1" dir="ltr">7</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/canvasblocker/467480209/cannot-disable-container-tabs">Cannot disable Container Tabs</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/26262387?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="concatime picture"> <strong class="pr-1" dir="ltr">concatime</strong> · <span class="px-1" dir="ltr">7</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/canvasblocker/192532497/slow-pdf-rendering">Slow PDF rendering</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/9861435?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="nkestrel picture"> <strong class="pr-1" dir="ltr">nkestrel</strong> · <span class="px-1" dir="ltr">7</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/canvasblocker/338623934/some-canvas-spoofing-measures-can-be-detected">Some Canvas spoofing measures can be detected</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/10137?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="ghost picture"> <strong class="pr-1" dir="ltr">ghost</strong> · <span class="px-1" dir="ltr">4</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/kkapsner/CanvasBlocker/issues/340" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> © 2026 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>  <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>