How to capture/intercept web page's console log in a my chrome extension?

Asked Jun 27 '20 at 20:55

Active Jun 27 '20 at 21:44

Viewed 392 times

I know there are 3 different contexts : background, popup, web page. I want to capture/intercept a web page's console log in my extension, How can I do that?

Here is my code:

contentScript.js:

    console.log('starting>>>>');

    var log = console.log;
    
    console.log = function () { 
        log.call(this, '**** MY Console**** ');
        log.apply(this, Array.prototype.slice.call(arguments));
        // ...
        }
    };

manifest.json:

{
    "name": "my extension 01",
    "version": "1.0",
    "description": "----",

    "permissions": ["activeTab","storage","declarativeContent"],
    "background":{
        "scripts":["background.js"],
        "persistent":false
    },
    "page_action": {
      "default_popup": "popup.html"
    },

    "options_page": "options.html",

    "content_scripts": [
      {
        "matches": ["https://MY-WEBSITE/*"],
        "run_at":"document_start",
        "js": ["contentScript.js"]
      }
    ],

    "manifest_version": 2
}

edited Jun 27 '20 at 21:44

asked Jun 27 '20 at 20:55

TheMah

1

See [this answer](/a/9517879) – wOxxOm Jun 27 '20 at 20:57
@wOxxOm I just updated my answer, but my Log Interceptor doesn't work! – TheMah Jun 27 '20 at 21:45
There's nothing in your question's code that's related to the answer I've linked so it looks like you didn't actually read it. – wOxxOm Jun 28 '20 at 04:44
It doesn't relate to the question you mentioned – TheMah Jun 28 '20 at 05:17
1

Indeed your current code doesn't relate but if you want to solve the problem it should relate :-) In short, your code should run a level deeper, as shown in that answer. – wOxxOm Jun 28 '20 at 05:35
In the above solution (injecting myscript.js into the web page), I can't get the `extension's options`! (Storage.api) – TheMah Jun 28 '20 at 20:30
Should I use MessagePassing or something else? – TheMah Jun 28 '20 at 20:32
1

Yep, use CustomEvent messaging, [example](https://stackoverflow.com/a/19312198). – wOxxOm Jun 29 '20 at 03:17

How to capture/intercept web page's console log in a my chrome extension?

0 Answers0