项目作者: AdguardTeam

项目描述 :
AdGuard browser extension
高级语言: JavaScript
项目地址: git://github.com/AdguardTeam/AdguardBrowserExtension.git
创建时间: 2015-03-11T10:42:52Z
项目社区:https://github.com/AdguardTeam/AdguardBrowserExtension

开源协议:GNU Lesser General Public License v3.0

下载





AdGuard Browser Extension


Ad blocker with advanced privacy protection features



AdGuard is a fast and lightweight ad blocking browser extension
that effectively blocks all types of ads and trackers.


AdGuard.com |
Reddit |
Twitter |
Telegram




Latest release


Mozilla Add-on Version





AdGuard Browser Extension

AdGuard is a fast and lightweight ad blocking browser extension that effectively blocks all types of ads and trackers on all web pages. We focus on advanced privacy protection features to not just block known trackers, but prevent web sites from building your shadow profile. Unlike its standalone counterparts (AG for Windows, Mac), the browser extension is completely free and open source. You can learn more about the difference here.

AdGuard does not collect any information about you, and does not participate in any acceptable ads program. The only source of income we have is selling premium versions of our software, and we intend to keep it that way.

Installation" class="reference-link"> Installation

Chrome and Chromium-based browsers" class="reference-link"> Chrome and Chromium-based browsers

You can get the latest available AdGuard Extension version from the
Chrome Web Store.

Firefox" class="reference-link"> Firefox

You can get the latest version of AdGuard Extension from the
Mozilla Add-ons website.

Opera" class="reference-link"> Opera

Opera is basically a Chromium browser, but it maintains its own add-ons store.
You can get AdGuard Extension from there.

Microsoft Edge" class="reference-link"> Microsoft Edge

The latest stable version of AdGuard browser extension is available in
Microsoft Store.

Contribution" class="reference-link"> Contribution

We are blessed to have a community that does not only love AdGuard, but also
gives back. A lot of people volunteer in various ways to make other users’
experience with AdGuard better, and you can join them!

We, on our part, can only be happy to reward the most active members of the
community. So, what can you do?

Translating AdGuard" class="reference-link"> Translating AdGuard

If you want to help with AdGuard translations, please learn more about
translating our products here: https://adguard.com/kb/miscellaneous/contribute/translate/program

Testing AdGuard" class="reference-link"> Testing AdGuard

You can get a beta version of AdGuard Browser Extension for any browser.
All necessary information on this topic can be found on a
dedicated page on our website.

Reporting issues" class="reference-link"> Reporting issues

GitHub can be used to report a bug or to submit a feature request. To do so, go
to this page
and click the New issue button.

[!NOTE]
For the filter-related issues (missed ads, false positives etc.) use
the dedicated repository.

Other options" class="reference-link"> Other options

Here is a dedicated page for those who
are willing to contribute.

Development" class="reference-link"> Development

Requirements" class="reference-link"> Requirements

How to build" class="reference-link"> How to build

Tests and dev build" class="reference-link"> Tests and dev build

Install local dependencies by running:

  1. pnpm install

Running unit tests:

  1. pnpm test

Running integration tests:

  1. pnpm test:integration <MODE>
  2. # MODE can be 'dev', 'beta', 'release', same as build targets.

Running integration tests with enabling debug mode (page will be stopped after
tests execution) for one of them:

  1. pnpm test:integration <MODE> [-d <TEST_ID>]
  2. # MODE can be 'dev', 'beta', 'release', same as build targets.
  3. # TEST_ID can be extracted from https://testcases.agrd.dev/data.json

Run the following command to build the dev version:

  1. pnpm dev

This will create a build directory with unpacked extensions for all browsers:

  1. build/dev/chrome
  2. build/dev/edge
  3. build/dev/firefox-amo
  4. build/dev/firefox-standalone
  5. build/dev/opera

To make a dev build for a specific browser, run:

  1. pnpm dev <browser>

Where <browser> is one of the following: chrome, chrome-mv3, edge, opera, firefox,
firefox-standalone, like this:

  1. pnpm dev chrome

To run dev build in watch mode, run:

  1. pnpm dev --watch

Or for a specific browser:

  1. pnpm dev <browser> --watch

Since version v4.0, AdGuard browser extension uses an open source library
tsurlfilter that implements
the filtering engine.

While developing the browser extension it may be required to test the changes
to tsurlfilter. Here’s what you need to do to link your local dev build
to the local dev build of tsurlfilter.

  1. Clone and build tsurlfilter libraries.

  2. You have two options to link the packages:

    • Option 1: Link the packages globally:

      1. Go to the tsurlfilter/packages/tsurlfilter or tsurlfilter/packages/tswebextension directory.

      2. Run the following command:

        1. pnpm link --global

        This command will create a symlink to the package in the global node_modules directory.

      3. Once you have the packages linked globally, you can link them to the browser extension.
        Just run the following command in the root directory of the browser extension:

        1. pnpm link @adguard/tsurlfilter
    • Option 2: Link the packages by path:

      1. Just run the following command in the root directory of the browser extension:

        1. pnpm link <path-to-tsurlfilter/packages/tsurlfilter>
  3. If you want to unlink the packages, just run pnpm unlink @adguard/tsurlfilter
    or pnpm unlink @adguard/tswebextension in the root directory of the browser extension
    regardless of the linking option you chose.

    [!WARNING]
    pnpm will modify the lock file when linking packages. See https://github.com/pnpm/pnpm/issues/4219.

    [!NOTE]
    If you want to list linked packages, run pnpm list --depth 0 in the root directory of the browser extension
    which will show you all dependencies. Linked packages have a version like link:../path/to/package.

  4. Build the browser extension in the watch mode:

    1. pnpm dev <browser> --watch --no-cache

    --no-cache flag is required to rebuild the extension on changes in the linked packages.

Building the beta and release versions" class="reference-link"> Building the beta and release versions

Before building the release version, you should manually download the necessary
resources that will be included into the build: filters and public suffix list.

  1. pnpm resources

[!TIP]
Run pnpm resources:mv3 to download resources for MV3 version.

This command also checks if there are dangerous rules in the filters.
See dangerous rules

  1. pnpm beta
  2. pnpm release

You will need to put certificate.pem file to the ./private directory. This
build will create unpacked extensions and then pack them (crx for Chrome).

Special building instructions for Firefox reviewers" class="reference-link"> Special building instructions for Firefox reviewers

  1. Ensure you have installed Node.js and pnpm.

  2. To build the BETA version, run:

    1. pnpm beta firefox-standalone
  3. Navigate to the build directory:

    1. cd ./build/beta
  4. Compare the generated firefox.zip file with the uploaded one.

Analyzing bundle size" class="reference-link"> Analyzing bundle size

If you want to analyze the bundle size, run build with the ANALYZE environment:

  1. pnpm cross-env ANALYZE=true pnpm <build command>

So, for example, if you want to analyze the beta build for Chrome, run:

  1. pnpm cross-env ANALYZE=true pnpm beta chrome

Or if you want to analyze all beta builds, run:

  1. pnpm cross-env ANALYZE=true pnpm beta

Analyzer will generate reports to the ./build/analyze-reports directory in the following format:

  1. build/analyze-reports
  2. ├── <browser-name>-<build-type>.html

Debug MV3 declarative rules" class="reference-link"> Debug MV3 declarative rules

If you want to debug MV3 declarative rules and check exactly which rules has been applied for some requests, you can build extension in dev mode as described in the upper How to build section, but for specified branch, in which we develop MV3 version.

Then install extension via developer mode, make requests and see applied declarative rules in the filtering log.

How to build MV3 extension
  1. Switch to the v5.0 branch:

    1. git checkout v5.0
  2. Run the following command in the terminal:

    1. pnpm dev chrome-mv3
  3. The built extension will be located in the directory:

    1. ./build/dev/chrome-mv3
How to install unpacked in the browser
  1. Turn on developer mode:

    Developer mode

  2. Click Load unpacked:

    Load unpacked

  3. Select the extension directory and click Select:

    Select

That’s it!

How to debug rules
  1. Find and modify the rule you need in the ./Extension/filters/chromium-mv3 directory in the .txt files.

  2. Convert the rules from txt to declarative form:

    1. pnpm convert-declarative
  3. Build the extension again:

    1. pnpm dev chrome-mv3
  4. Reload the extension in the browser:

    Reload extension

  5. If you see an ❗ mark - it means that assumed rule (which we calculated with our tsurlfilter engine, which performed applying rules in MV2) and actually applied rule (from which we converted to DNR rule) are not the same. And this can be a problem of conversion.
    Otherwise, if assumed and applied rules are the same - only applied rule (in text and declarative ways) will be shown.

Linter" class="reference-link"> Linter

Despite our code may not currently comply with new style configuration,
please, setup eslint in your editor to follow up with it .eslintrc

Update localizations" class="reference-link"> Update localizations

To download and append localizations run:

  1. pnpm locales download

To upload new phrases to crowdin you need the file with phrases
./Extension/_locales/en/messages.json. Then run:

  1. pnpm locales upload

To remove old messages from locale messages run:

  1. pnpm locales renew

To validate translations run:

  1. pnpm locales validate

To show locales info run:

  1. pnpm locales info

Permissions required" class="reference-link"> Permissions required

  • tabs - this permission is required in order to get the URL of the options page tab
  • webRequest - this permission is necessary to apply complicated rules (cosmetic for instance), detecting and removing tracking cookies, counting blocked resources.
  • cookies - this permissions is required to delete cookies from requests or changing their lifetime.
  • contextMenus - this permission is required in order to create a context menu
  • scripting - this permission is required in order to inject assistant script only in the required pages
  • storage - this permission is required in order to save user settings, user rules and custom filters
  • declarativeNetRequest - this permission is required in order to block, redirect and modify URL requests
  • declarativeNetRequestFeedback - this permission is required in order to create a log of the blocked, redirected or modified URL requests
  • unlimitedStorage - this permission is required in order to save large filters
  • webNavigation - this permission is required in order to catch the moment for injecting scriptlets

Auto-publish builds" class="reference-link"> Auto-publish builds

Due to the transition from MV2 to MV3, we cannot update our filters remotely. To keep the filters as fresh as possible, we have configured automated tasks in our CI plans. These tasks will build a new version of the extension with only the updated @adguard/dnr-rulesets package, which contains new static rulesets.

These automated tasks will run all necessary checks: unit tests, translation checks, and linter. After that, they will update resources, including filters and local script rules, create a build, and run integration tests to ensure the update is safe.

Finally, the new version of the extension will be published to the Chrome Web Store.

Minimum supported browser versions" class="reference-link"> Minimum supported browser versions

Browser Version
Chromium-based browsers MV2 ✅ 106
Chromium-based browsers MV3 ✅ 121
Firefox ✅ 78
Firefox Mobile ✅ 113
Opera ✅ 67
Edge Chromium ✅ 80
Edge Legacy