diff --git a/pages/base.css b/pages/base.css index 3794ac3b..07290032 100644 --- a/pages/base.css +++ b/pages/base.css @@ -231,6 +231,25 @@ textarea { visibility: hidden; } +#chromium-banner { + background-color: red; + color: white !important; + display: none; + font-weight: bold; + padding: 0.8em; + text-align: center; +} + +#chromium-banner > a { + color: white; + padding-right: 0; +} + +#chromium-banner > a:hover { + color: white; + filter: none; +} + @media (prefers-color-scheme: dark) { a { background: url('../../icons/link-light.svg') no-repeat right center; diff --git a/pages/help/help.css b/pages/help/help.css index 7b8754a3..983e39a7 100644 --- a/pages/help/help.css +++ b/pages/help/help.css @@ -2,3 +2,17 @@ table { border-collapse: separate; border-spacing: 3em 1em; } + +.code-red { + color: red; +} + +.code-blue { + color: blue; +} + +@media (prefers-color-scheme: dark) { + .code-blue { + color: #8484ff; + } +} diff --git a/pages/help/help.html b/pages/help/help.html index 2b907752..1060cc2f 100644 --- a/pages/help/help.html +++ b/pages/help/help.html @@ -14,90 +14,91 @@ -
-

Help

-
- +

Help

+
+ -
-
Introduction
-

LocalCDN is a web browser extension that emulates Content Delivery Networks to improve your online privacy. It intercepts traffic, finds supported frameworks/libraries locally, and injects them into the website. Feel free to use the following testing utility to find out if you are properly protected. For more information read the tutorial or our Wiki pages.

-
-
-
-
What is "HTML filter"? (Firefox only)
-

In most cases LocalCDN can easily replace embedded frameworks and improves privacy. In some cases the website may try to prevent this by setting certain options in the HTML source code. LocalCDN reads the HTML source code before it is displayed in the browser and removes these options.

-

Why is it necessary to remove crossorigin and integrity attributes?

-

The crossorigin attribute prevents the replacement because the source is no longer cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js but moz-extension://UUID/resources/jquery/1.12.4. crossorigin forces the browser to ignore other sources.

-

To save disk space and to deliver more frameworks LocalCDN upgrades a framework. An integrity tag is the hash value of a file. If the check fails, the browser won't include a framework. The integrity check will fail because the hash values for e.g. jQuery 1.10.1 and jQuery 1.12.4 are different.

-

Unfortunately, it sometimes happens that special characters are then displayed incorrectly. In this case you can deactivate the setting again, to display the umlauts correctly.

-
-
-
-
Rule generator
-

If you want to automatically redirect all supported CDN connections to LocalCDN, you can add these rules to your adblocker to allow these redirections.

-

If you do not want to add these rules, you must allow each CDN connection individually for each website.

-

- Only uBlock Origin:
- These rules are only relevant in "medium" or "hard" mode, because it blocks all 3rd-party resources. They are not necessary in "default", "easy" or "very-easy" mode. For more information, please visit the uBlock Origin Wiki. -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Contact Information
IconModeRules usefuluBlock Wiki
DefaultDefault/EasyNoLink (github.com)
MediumMediumYesLink (github.com)
HardHardYesLink (github.com)
-
-
-
-
Some websites look strange or are not easy to use
-

There are two possible reasons: Either a framework/library is required that LocalCDN doesn't (yet) deliver or an SOP.

A SOP (Same origin policy) is a security mechanism that determines what data the browser is allowed to load. It helps to isolate malicious documents and thus reduce possible attack vectors. This policy prevents the browser from loading the external frameworks of LocalCDN.

-

If the layout of a website is incorrect or cannot be used, then it is usually due to this policy, even though the add-on works flawlessly. Unfortunately there is no solution for this at the moment.

-
-
-
-
Why is there a "Block Google Fonts" option?
-

LocalCDN can replace "Google Material Icons". To catch the connection your adblocker (e.g. uBlock Origin, uMatrix or AdGuard) must allow the request. LocalCDN listens on these requests and if the query contains "Google Material Icons", the resource will be replaced. If you uncheck the "Block requests for missing content" option, non-existent resources will be allowed to pass and "Google Fonts" will be loaded, because "Google Material Icons" and "Google Fonts" use the same domain. If you don't want this, you can block "Google Fonts" on LocalCDN.

-
-
-
-
What about the statistics? Is anything transferred to any servers?
-

Don't panic, nothing will be transmitted. It would be against all my principles. The statistics (JSON format) contains the following information: Date, CDN+counter and framework+counter. That's all. I've an example here:

+
+
+

Introduction

+

LocalCDN is a web browser extension that emulates Content Delivery Networks to improve your online privacy. It intercepts traffic, finds supported frameworks/libraries locally, and injects them into the website. Feel free to use the following testing utility to find out if you are properly protected. For more information read the tutorial or our Wiki pages.

+
+
+

What is "HTML filter"? (Firefox only)

+

In most cases LocalCDN can easily replace embedded frameworks and improves privacy. In some cases the website may try to prevent this by setting certain options in the HTML source code. LocalCDN reads the HTML source code before it is displayed in the browser and removes these part (red).

+

+ The HTML filter turns this line (blue and red)
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
+ into this one (only blue)
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+

+

Why is it necessary to remove crossorigin and integrity attributes?

+

The crossorigin attribute prevents the replacement because the source is no longer cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js but moz-extension://UUID/resources/jquery/1.12.4. crossorigin forces the browser to ignore other sources.

+

To save disk space and to deliver more frameworks LocalCDN upgrades a framework. An integrity tag is the hash value of a file. If the check fails, the browser won't include a framework. The integrity check will fail because the hash values for e.g. jQuery 1.10.1 and jQuery 1.12.4 are different.

+

Unfortunately, it sometimes happens that special characters are then displayed incorrectly. In this case you can deactivate the setting again, to display the umlauts correctly.

+
+
+

Rule generator

+

If you want to automatically redirect all supported CDN connections to LocalCDN, you can add these rules to your adblocker to allow these redirections.

+

If you do not want to add these rules, you must allow each CDN connection individually for each website.

+

+ Only uBlock Origin:
+ These rules are only relevant in "medium" or "hard" mode, because it blocks all 3rd-party resources. They are not necessary in "default", "easy" or "very-easy" mode. For more information, please visit the uBlock Origin Wiki. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Contact Information
IconModeRules usefuluBlock Wiki
DefaultDefault/EasyNoLink (github.com)
MediumMediumYesLink (github.com)
HardHardYesLink (github.com)
+
+
+

Some websites look strange or are not easy to use

+

There are two possible reasons: Either a framework/library is required that LocalCDN doesn't (yet) deliver or an SOP.

A SOP (Same origin policy) is a security mechanism that determines what data the browser is allowed to load. It helps to isolate malicious documents and thus reduce possible attack vectors. This policy prevents the browser from loading the external frameworks of LocalCDN.

+

If the layout of a website is incorrect or cannot be used, then it is usually due to this policy, even though the add-on works flawlessly. Unfortunately there is no solution for this at the moment.

+
+
+

Why is there a "Block Google Fonts" option?

+

LocalCDN can replace "Google Material Icons". To catch the connection your adblocker (e.g. uBlock Origin, uMatrix or AdGuard) must allow the request. LocalCDN listens on these requests and if the query contains "Google Material Icons", the resource will be replaced. If you uncheck the "Block requests for missing content" option, non-existent resources will be allowed to pass and "Google Fonts" will be loaded, because "Google Material Icons" and "Google Fonts" use the same domain. If you don't want this, you can block "Google Fonts" on LocalCDN.

+
+
+

What about the statistics? Is anything transferred to any servers?

+

Don't panic, nothing will be transmitted. It would be against all my principles. The statistics (JSON format) contains the following information: Date, CDN+counter and framework+counter. That's all. I've an example here:

 "2020-08-10": {
     "frameworks": {
@@ -108,41 +109,47 @@
     }
 }
 
-

The statistics contain no information about the browser, operating system, requesting website, IP addresses or any other information. Just date, CDN+counter and framework+counter. It shows you which frameworks are replaced by LocalCDNs how often and which CDNs were requested.

-

How do I know that's true?

-

The extension storage can be viewed directly with the Firefox browser. Open the URL "about:debugging", switch to "Storage" and select "Extension Storage". Under the key "internalStatisticsData" you will find the collected data. Just copy it and put it into a JSON PrettyPrinter to make it more readable. Please note that you have to remove the first and last quotation mark and the key to it. You should be able to see this clearly in this video.

-
-
-
-
What will be synchronized when I select "sync" as storage type?
-

Sync will only work if you are logged in with a Firefox account on the device and have allowed add-ons to sync in the settings. A separate sync server under your control will also work. This will synchronize most of the settings of LocalCDN across all devices.

-

If you don't have a sync account, nothing will be synchronized. In that case it makes no difference what type of storage you have selected.

-

Things that are never synchronized:

-
    -
  • Amount injected (Numbers of injections)
  • -
  • Internal statistics (Yes, No)
  • -
  • Internal statistics (Data)
  • -
-

Settings that will be synchronized:

-
    -
  • Display injection counts on icon (Yes, No)
  • -
  • Notification after an update (Never, New CDNs/Rules, Always)
  • -
  • Disable link prefetching (Yes, No)
  • -
  • Strip metadata from allowed requests (Yes, No)
  • -
  • Deactivate LocalCDN for these domains (Yes, No, URLs)
  • -
  • Block requests for missing resources (Yes, No)
  • -
  • Block Google Fonts (Yes, No, URLs)
  • -
  • Enable logging in browser console (Yes, No)
  • -
  • Apply HTML filter for these domains (Yes, No, URLs)
  • -
  • Invert HTML filter (Yes, No)
  • -
  • Choose an icon for this extension (Default, Light, Blue/Grey)
  • -
-

More information about Firefox Sync:

- -
+

The statistics contain no information about the browser, operating system, requesting website, IP addresses or any other information. Just date, CDN+counter and framework+counter. It shows you which frameworks are replaced by LocalCDNs how often and which CDNs were requested.

+

How do I know that's true?

+

The extension storage can be viewed directly with the Firefox browser. Open the URL "about:debugging", switch to "Storage" and select "Extension Storage". Under the key "internalStatisticsData" you will find the collected data. Just copy it and put it into a JSON PrettyPrinter to make it more readable. Please note that you have to remove the first and last quotation mark and the key to it. You should be able to see this clearly in this video.

+
+
+

What will be synchronized when I select "sync" as storage type?

+

Sync will only work if you are logged in with a Firefox account on the device and have allowed add-ons to sync in the settings. A separate sync server under your control will also work. This will synchronize most of the settings of LocalCDN across all devices.

+

If you don't have a sync account, nothing will be synchronized. In that case it makes no difference what type of storage you have selected.

+

Things that are never synchronized:

+
    +
  • Amount injected (Numbers of injections)
  • +
  • Internal statistics (Yes, No)
  • +
  • Internal statistics (Data)
  • +
+

Settings that will be synchronized:

+
    +
  • Display injection counts on icon (Yes, No)
  • +
  • Notification after an update (Never, New CDNs/Rules, Always)
  • +
  • Disable link prefetching (Yes, No)
  • +
  • Strip metadata from allowed requests (Yes, No)
  • +
  • Deactivate LocalCDN for domains (Yes, No, URLs)
  • +
  • Block requests for missing resources (Yes, No)
  • +
  • Block Google Fonts (Yes, No, URLs)
  • +
  • Enable logging(Yes, No)
  • +
  • Apply HTML filter for these domains (Yes, No, URLs)
  • +
  • Invert HTML filter (Yes, No)
  • +
  • Choose an icon for this extension (Default, Light, Blue/Grey)
  • +
+

More information about Firefox Sync:

+ +
+
+

Non-Firefox Browser

+

The following things are supported only by Firefox:

+
    +
  • Fonts of "Font Awesome" and "Google Material Icons"
  • +
  • HTML-Filter
  • +
diff --git a/pages/options/options-info.js b/pages/options/options-info.js index 82c8308c..c1e999a6 100644 --- a/pages/options/options-info.js +++ b/pages/options/options-info.js @@ -44,8 +44,8 @@ optionsInfo._renderCdnFrameworkSection = function () { optionsInfo._listOfFrameworks[path[1]] = true; }); - if (BrowserType.CHROMIUM) { - // Chromium based browser does not support Google Material Icons and Font Awesome + if (!BrowserType.FIREFOX) { + // Non-Firefox browser does not support Google Material Icons and Font Awesome document.getElementById('unsupported-frameworks').style.display = 'block'; unsupportedFrameworks = 2; } diff --git a/pages/options/options.html b/pages/options/options.html index fdd6343d..75a1a669 100644 --- a/pages/options/options.html +++ b/pages/options/options.html @@ -35,6 +35,8 @@
+
Non-Firefox browsers do not support all functions of LocalCDN. Read more
+
diff --git a/pages/options/options.js b/pages/options/options.js index 202ad7f8..752bfe39 100644 --- a/pages/options/options.js +++ b/pages/options/options.js @@ -42,6 +42,10 @@ options._renderContents = function () { options._renderLocaleNotice(); } + if (!BrowserType.FIREFOX) { + document.getElementById('chromium-banner').style.display = 'block'; + } + document.getElementById('label-version').textContent = chrome.runtime.getManifest().version; }; diff --git a/pages/updates/updates.html b/pages/updates/updates.html index 4f3c9cd5..9dfc6ccb 100644 --- a/pages/updates/updates.html +++ b/pages/updates/updates.html @@ -26,6 +26,7 @@
  • Improved: Welcome page
  • +
  • Improved: Note for Non-Firefox users (Help and Options page)