Playwright Adblocker
Efficient
· Minimal
· JavaScript
· TypeScript
· uBlock Origin- and Easylist-compatible
Node.js
· Puppeteer
· Electron
· WebExtension
Getting Started
Install: npm install --save @cliqz/adblocker-playwright
.
Usage
For a complete example check-out: @cliqz/adblocker-playwright-example.
Creating an instance of PlaywrightBlocker
and start blocking ads!
import * as pw from 'playwright';
import { PlaywrightBlocker } from '@cliqz/adblocker-playwright';
import fetch from 'cross-fetch';
const browser = await pw.firefox.launch({ headless: false });
const page = await browser.newPage();
PlaywrightBlocker.fromPrebuiltAdsAndTracking(fetch).then((blocker) => {
blocker.enableBlockingInPage(page);
});
You are ready to block ads!
There are other ways you can create an instance of the blocking engine to
start blocking ads.
If you already have filters locally:
import { PlaywrightBlocker } from '@cliqz/adblocker-playwright';
const blocker = PlaywrightBlocker.parse(fs.readFileSync('easylist.txt', 'utf-8'));
Fetching lists from URLs:
import { PlaywrightBlocker } from '@cliqz/adblocker-playwright';
import fetch from 'cross-fetch';
const blocker = await PlaywrightBlocker.fromLists(fetch, [
'https://easylist.to/easylist/easylist.txt'
]);
Use ready-made configs to block ads and optionally trackers:
import { PlaywrightBlocker } from '@cliqz/adblocker-playwright';
import fetch from 'cross-fetch';
let blocker = await PlaywrightBlocker.fromPrebuiltAdsOnly(fetch);
blocker = await PlaywrightBlocker.fromPrebuiltAdsAndTracking(fetch);
Disabling Blocker in page
To stop blocking ads in a page:
await blocker.disableBlockingInPage(page);
Caching Blocker using Serialization
To avoid having to create the same instance of PlaywrightBlocker
all over again,
you can serialize it to a byte-array which you can store on disk for faster
loading.
import * as pw from 'playwright';
import { PlaywrightBlocker } from '@cliqz/adblocker-playwright';
import fetch from 'cross-fetch';
import { promises as fs } from 'fs';
const browser = await pw.firefox.launch({ headless: false });
const page = await browser.newPage();
PlaywrightBlocker.fromPrebuiltAdsAndTracking(fetch, {
path: 'engine.bin',
read: fs.readFile,
write: fs.writeFile,
}).then((blocker) => {
blocker.enableBlockingInPage(page);
});
Or you can do this manually to control the way caching is done:
import { PlaywrightBlocker } from '@cliqz/adblocker-playwright';
import fetch from 'cross-fetch';
PlaywrightBlocker.fromPrebuiltAdsAndTracking(fetch).then((blocker) => {
const buffer = blocker.serialize();
const restoredBlocker = PlaywrightBlocker.deserialize(buffer);
});