Active functions not printing in the console when it is converted in the form of chrome extension

Question

I have written a javascript code to print the active function calls of a webpage. When I paste the code in the console I can see the active functions in the console and the problem is with the extension. I converted the javascript code to google chrome extension and it is not working. I am new to extension creation.

Plugin Code:

manifest.json

{
  "manifest_version": 2,
  "name": "example",
  "version": "0.1",
  "description": "My Chrome Extension",
  "icons": {
  },

  "background": {
    "scripts": [
      "js/background.js"
    ]
  },

  "browser_action": {
    "default_title": "My test Environment"
  },

  "permissions": [
    "background",
    "storage",
    "tabs",
    "http://*/*",
    "https://*/*"
  ]
}

js/background.js

function tracecalls(par) {
    for (var name in window) {
        if (typeof window[name] === 'function') {

            window[name] = (function (fname, f) {
                return function () {
                    par(fname);

                    return f.apply(this, arguments);
                }
            }(name, window[name]));
        }
    }
}
tracecalls(function (fname) {
    console.log("Function Name : " + fname);
});

Answer 1

Your background script runs in a separate page; even if the code did output something you're probably looking in the wrong console.

Take time to read through Architecture Overview. If you want to interact with an existing tab, you need a Content Script.

But even if you set up a content script with this code, you won't see anything. Why? Because content script code and page code are cleanly separated (and window object is not shared).

To interact with page code, another step, page-level injection, is required. If you do that, it should not be different from running the snippet in the console (that, by default, executes code you enter in page's context).