Wsrtjtyk

When I write a extension for google chrome I got error as title question. Below is my code:

chrome.browserAction.onClicked.addListener(function (tab) {

chrome.tabs.executeScript(null, {

    file: "libs/jquery.js"

}, function () {

    chrome.tabs.executeScript(null, {

        file: "src/content.js"

    });

});

});



chrome.app.window.onBoundsChanged.addListener(function (tab) {

chrome.tabs.executeScript(null, {

    file: "libs/jquery.js"

}, function () {

    chrome.tabs.executeScript(null, {

        file: "src/content.js"

    });

});

});

Firstly, I got success with onClicked event. But I want extension work when I resized window. But when I add 2nd event. Error occur

Please help me this error
Thank you

manifest.json

{

"name": "Bootstrap Grid for any Website",

"version": "1.1.0",

"manifest_version": 2,

"description": "Quickly toggle a Bootstrap Grid for any website. Easy to use, easy success.",

"browser_action": {

"default_icon": "src/icon48.png"

},

"background" : {

"scripts" : [

  "src/background.js"

]

},

"content_scripts": [

{

  "js":         [ "src/send_value.js" ],

  "matches":    [ "<all_urls>" ],

  "all_frames": true,

  "run_at":     "document_end"

}

],

"permissions": ["activeTab"]

}

Your extension folder look like:

Your manifest.json file:

{

  "name": "Bootstrap Grid for any Website",

  "version": "1.1.0",

  "manifest_version": 2,

  "description": "Quickly toggle a Bootstrap Grid for any website. Easy to use, easy success.",

  "browser_action": {

    "default_icon": "src/icon48.png"

  },

  "background" : {

    "scripts" : [

      "background.js"

    ]

  },

  "permissions": [

    "tabs",

    "<all_urls>"

  ],



  "web_accessible_resources":[

    "src/content",

    "src/content_temp",

    "libs/jquery.js"

  ]



}

background.js:

chrome.browserAction.onClicked.addListener(function (tab) {

    chrome.tabs.executeScript(null, {

        file: "libs/jquery.js"

    }, function () {

        chrome.tabs.executeScript(null, {

            file: "src/content.js"

        });

    });

});



chrome.runtime.onMessage.addListener(function(message){

    if(message.info !== 1) return;



    chrome.tabs.executeScript(null, {

            file: "src/content_temp.js"

    });

});

And your send_value.js file I put into content.js:

window.addEventListener('resize', function (e) {

    // here you send message to background.js

    var message = {info: 1}

    chrome.runtime.sendMessage("", message);

});





function devTool() {

As for me, it works fine! :-)

I think you've mixed up chrome extensions and chrome apps. As we can read here, chrome.app.window is

not associated with any Chrome browser windows

I recommend you create content.js script where you put something like this:

window.addEventListener('resize', function(e){

  ....

   // here you send message to background.js

   var message = { info: "window resized");

   chrome.runtime.sendMessage( "", message );

}) 

content.js must be executed in every tab you specified in manifest file.

In your background.js you should write:

chrome.runtime.onMessage.addListener(function(message){

   if(message.info === "window resized"){

       chrome.tabs.executeScript(null, // ..... the stuff you've written above

      ......

   }

}); 

Links:

chrome.runtime.sendMessage

chrome.runtime.onMessage

Good luck!

UPD (in manifest file):

      "background": { 

            "scripts": [ "background.js"]

        },

       "content_scripts": [

         {

           "js":         [ "content.js" ],

           "matches":    [ "<all_urls>" ],

           "all_frames": true,

           "run_at":     "document_end"

         }

      ],

UPD 2. This snippet is from my working extension manifest:

"web_accessible_resources": [

    "main.js",

    "style.css",

    "options/options.css",

    "options/options.js"

  ]