How to obtain GET request URL using chrome.webRequest API?

Question

I create a chrome extension which offer accessibility to download any media in opened page of Facebook, including photo, video, and story. But I'm stuck when about to access/catch facebook's video story request URL that's shown up in Network tab in console, using chrome.webRequest API.

By excluding bytestart and byteend params from URL above, we got the full video file (with an expiration token). The <video> tag itself has src attribute like blob:https://www.facebook.com/<some_alpha_numerics_and_hyphens>.

This is what I've tried in my extension project:

permission:

"permissions": [
  "webRequest",
  "*://*/*"
],

I've tried to listen all the events available but no luck.

chrome.webRequest.onBeforeRequest.addListener(
  function(details) {
    console.log('onBeforeRequest', details.url);
  },
  {
    urls: ["<all_urls>"]
  }
);
// onBeforeSendHeaders
// onSendHeaders
// onHeadersReceived
// onAuthRequired
// onResponseStarted
// onBeforeRedirect
// onCompleted
// onErrorOccurred

I haven't tried chrome.declarativeWebRequest https://developer.chrome.com/extensions/declarativeWebRequest because it's for Beta and Dev channels only.

Is it really possible or did I have mistake in using it? Thank you in advance.

Where to read console messages from background.js in a Chrome extension? — woxxom
– woxxom, Commented Aug 6, 2020 at 3:32
@wOxxOm enter chrome://extensions/, then click Background link that shown below your extension item. then console window for it will open. — Taufik Nur Rahmanda
– Taufik Nur Rahmanda, Commented Aug 6, 2020 at 5:04
sorry, no, I mean I've checked on background console, but the log for those webRequest listeners not appear, meaning the event not even triggered. — Taufik Nur Rahmanda
– Taufik Nur Rahmanda, Commented Aug 6, 2020 at 5:08
Maybe you didn't reload the extension on chrome://extensions page after editing it? Or maybe your background script is incporrectly declared in manifest.json? Otherwise it would be a bug in Chrome. — woxxom
– woxxom, Commented Aug 6, 2020 at 6:04

jasonandmonte · Accepted Answer · 2020-08-06 21:22:06Z

1

I would recommend adding the "webRequestBlocking" permission to your manifest.json file.

According to the documentation the callback uses a blocking event handler that requires the "webRequest" as well as the "webRequestBlocking" permission in order to work.

Reference: https://developer.chrome.com/extensions/webRequest#examples

answered Aug 6, 2020 at 21:22

jasonandmonte

2,0382 gold badges18 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to obtain GET request URL using chrome.webRequest API?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related