Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adguardteam/adguardbrowserextension
AdGuard browser extension
https://github.com/adguardteam/adguardbrowserextension
adblock adguard chrome firefox javascript open-source privacy
Last synced: about 1 month ago
JSON representation
AdGuard browser extension
- Host: GitHub
- URL: https://github.com/adguardteam/adguardbrowserextension
- Owner: AdguardTeam
- License: gpl-3.0
- Created: 2015-03-11T10:42:52.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2024-05-22T17:13:54.000Z (6 months ago)
- Last Synced: 2024-05-23T04:36:11.373Z (6 months ago)
- Topics: adblock, adguard, chrome, firefox, javascript, open-source, privacy
- Language: TypeScript
- Homepage: https://adguard.com/
- Size: 170 MB
- Stars: 2,797
- Watchers: 141
- Forks: 310
- Open Issues: 312
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
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
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](https://adguard.com/compare.html) 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](#installation)
- [Chrome and Chromium-based browsers](#chrome-and-chromium-based-browsers)
- [Firefox](#firefox)
- [Opera](#opera)
- [Microsoft Edge](#microsoft-edge)
- [Contribution](#contribution)
- [Translating AdGuard](#translating-adguard)
- [Testing AdGuard](#testing-adguard)
- [Reporting issues](#reporting-issues)
- [Other options](#other-options)
- [Development](#development)
- [Requirements](#requirements)
- [How to build](#how-to-build)
- [Tests and dev build](#tests-and-dev-build)
- [Linking with the developer build of tsurlfilter/tswebextension](#linking-with-the-developer-build-of-tsurlfiltertswebextension)
- [Building the beta and release versions](#building-the-beta-and-release-versions)
- [Special building instructions for Firefox reviewers](#special-building-instructions-for-firefox-reviewers)
- [Analyzing bundle size](#analyzing-bundle-size)
- [Linter](#linter)
- [Update localizations](#update-localizations)
- [Minimum supported browser versions](#minimum-supported-browser-versions)
## Installation
### Chrome and Chromium-based browsers
You can get the latest available AdGuard Extension version from the
[Chrome Web Store](https://agrd.io/extension_chrome).
### Firefox
You can get the latest version of AdGuard Extension from the
[Mozilla Add-ons website](https://agrd.io/extension_firefox).
### Opera
Opera is basically a Chromium browser, but it maintains its own add-ons store.
You can get AdGuard Extension [from there](https://agrd.io/extension_opera).
### Microsoft Edge
The latest stable version of AdGuard browser extension is available in
[Microsoft Store](https://agrd.io/extension_edge).
## 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
If you want to help with AdGuard translations, please learn more about
translating our products here:
### 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](https://adguard.com/beta.html).
### Reporting issues
GitHub can be used to report a bug or to submit a feature request. To do so, go
to [this page](https://github.com/AdguardTeam/AdguardBrowserExtension/issues)
and click the *New issue* button.
> [!NOTE]
> For the filter-related issues (missed ads, false positives etc.) use
> the [dedicated repository](https://github.com/AdguardTeam/AdguardFilters).
### Other options
Here is a [dedicated page](https://adguard.com/contribute.html) for those who
are willing to contribute.
## Development
### Requirements
- [node.js LTS](https://nodejs.org/en/download/)
- NPM v8
- [yarn v1.22](https://yarnpkg.com/en/docs/install/)
Install local dependencies by running:
```shell
yarn install
```
### How to build
#### Tests and dev build
Running tests:
```shell
yarn test
```
Run the following command to build the dev version:
```shell
yarn dev
```
This will create a build directory with unpacked extensions for all browsers:
```shell
build/dev/chrome
build/dev/edge
build/dev/firefox-amo
build/dev/firefox-standalone
build/dev/opera
```
To make a dev build for a specific browser, run:
```shell
yarn dev
```
Where `` is one of the following: `chrome`, `edge`, `opera`, `firefox`,
`firefox-standalone`, like this:
```shell
yarn dev chrome
```
To run dev build in watch mode, run:
```shell
yarn dev --watch
```
Or for a specific browser:
```shell
yarn dev --watch
```
#### Linking with the developer build of tsurlfilter/tswebextension
Since version v4.0, AdGuard browser extension uses an open source library
[tsurlfilter][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][tsurlfilter] libraries.
1. Go to the `tsurlfilter/packages/tsurlfilter` and
`tsurlfilter/packages/tswebextension` directories and run `yarn link`.
1. Now you can link these packages to the browser extension. To do that run
`yarn link` commands in the root directory of the browser extension root
directory:
```shell
yarn link @adguard/tsurlfilter
yarn link @adguard/tswebextension
```
1. Build the browser extension in the watch mode:
```shell
yarn dev --watch
```
[tsurlfilter]: https://github.com/AdguardTeam/tsurlfilter
#### 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.
```shell
yarn resources
```
This command also checks if there are dangerous rules in the filters.
See [dangerous rules](tools/resources/dangerous-rules/README.md)
```shell
yarn beta
yarn 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
1. Ensure you have installed Node.js and Yarn.
1. To build the **BETA** version, run:
```
yarn beta firefox-standalone
```
1. Navigate to the build directory:
```
cd ./build/beta
```
1. Compare the generated `firefox.zip` file with the uploaded one.
#### Analyzing bundle size
If you want to analyze the bundle size, run build with the `ANALYZE` environment:
```shell
yarn cross-env ANALYZE=true yarn
```
So, for example, if you want to analyze the beta build for Chrome, run:
```shell
yarn cross-env ANALYZE=true yarn beta chrome
```
Or if you want to analyze all beta builds, run:
```shell
yarn cross-env ANALYZE=true yarn beta
```
Analyzer will generate reports to the `./build/analyze-reports` directory in the following format:
```shell
build/analyze-reports
├── -.html
```
### 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
To download and append localizations run:
```shell
yarn locales download
```
To upload new phrases to crowdin you need the file with phrases
`./Extension/_locales/en/messages.json`. Then run:
```shell
yarn locales upload
```
To remove old messages from locale messages run:
```shell
yarn locales renew
```
To validate translations run:
```shell
yarn locales validate
```
To show locales info run:
```bash
yarn locales info
```
## Minimum supported browser versions
| Browser | Version |
|------------------------- |:--------:|
| Chromium Based Browsers | 80 |
| Firefox | 78 |
| Firefox Mobile | 113 |
| Opera | 67 |
| Edge | 80 |