Block certain resources from loading

[petsoukos]

Hello,

How can I block google-analytics from loading using the setRequestInterception()?

I see in your tests you cover can_intercept_requests() it by blocking by resourceType() === 'stylesheet'.

puphpeteer/tests/PuphpeteerTest.php

Lines 88 to 103 in d3f9397

	public function can_intercept_requests()
	{
	$page = $this->browser->newPage();
	$page->setRequestInterception(true);
	$page->on('request', JsFunction::createWithParameters(['request'])
	->body('request.resourceType() === "stylesheet" ? request.abort() : request.continue()'));
	$page->goto($this->url);
	$backgroundColor = $page->querySelectorEval('h1', JsFunction::createWithParameters(['node'])
	->body('return getComputedStyle(node).textTransform'));
	$this->assertNotEquals('lowercase', $backgroundColor);
	}

I'm not very familiar with the "on request" event (I guess it's an event). Can't figure out how to block certain resources, for example google-analytics.

[petsoukos]

Well, to answer my own question.

I managed to block it with the following code

        $page->setRequestInterception(true);
        $page->on('request', JsFunction::createWithParameters(['request'])
            ->body("
            if(request.url().endsWith('.jpg') || request.url().endsWith('.png') || request.url().endsWith('.jpeg')) {
                request.abort();
            } else if(request.resourceType() === 'stylesheet') {
                request.abort();
            } else if(['google-analytics'].some(resource => request.url().indexOf(resource) !== -1)) {
                request.abort();
            } else {
                request.continue();
            }
            "));

I'm putting this here as a solution for others.

if you need to block more urls, add more comma separated strings in the javascript array ['google-analytics', 'something else', 'etc']. I guess it could also work in the first if block by making an array of extensions ['.jpg', '.png', '.gif'] and use the some() to iterate the items