CODEWITHSUNDEEP
javascriptgoogle-chrome
FSou1
FSou1

Reputation: 1941

Google Chrome. Extension develompent

All day long i'm trying to make this work, but nothing. Why, tell me pls, why is this #@!*> dont want to work?

Manifest.json

{
  "name": "My First Extension",
  "version": "1.0",
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png",
    "popup": "popup.html"
  },
  "permissions": [
    "tabs"
  ],
  "content_scripts": [
      {
      "matches" : ["http://*/*"],
      "js": ["contentscript.js"]
      }
  ]
}

popup.html

<script src="contentscript.js"></script>
<script>

function get(){
chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    console.log(sender.tab ? "from a content script:" + sender.tab.url : "from the extension");
    if (request.greeting == "hello")
      sendResponse({farewell: "goodbye"});
    else
      sendResponse({}); // snub them.
  });
}

get();

</script>

contentscript.js

function send(){
  chrome.tabs.getSelected(null, function(tab) {
    chrome.tabs.sendRequest(tab.id, {greeting: "hello"}, function(response) {
      console.log(response.farewell);
    });
  });  
}

send();

This show me:

Uncaught TypeError: Cannot call method 'getSelected' of undefined
Uncaught TypeError: Cannot read property 'onRequest' of undefined

Upvotes: 0

Views: 3136

Answers (1)

FSou1
FSou1

Reputation: 1941

Thx, god. I did it. Dont forget change manifest from "file" to "http".

manifest.json

{
  "name": "My First Extension",
  "version": "1.0",
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png",
    "popup": "popup.html"
  },
  "permissions": [
    "tabs"
  ],
  "content_scripts": [
    {
      "matches": ["file:///*"],
      "js": ["dom.js"]
    }
  ]
}

dom.js

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
 if (request.action == "getDOM")
   sendResponse({dom: document.body.innerHTML});
 else
   sendResponse({}); // Send nothing..
});

popup.html

<html>
<head>
    <style type="text/css">
        body
        {
            min-width: 357px;
        }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            chrome.tabs.getSelected(null, function (tab) {
                // Send a request to the content script.
                chrome.tabs.sendRequest(tab.id, { action: "getDOM" }, function (response) {
                    alert(response.dom);
                });
            });
        });
    </script>
</head>
<body>
  <h4>Hello, world!</h4>
</body>
</html>

Upvotes: 1

Related Questions