0

私はクロム拡張コーディングが初めてで、JavaScriptは比較的新しいです。拡張子のタイプはpage_actionです。popup.html のボタンをクリックすると、background.js に簡単なメッセージを送信しようとしています。このサイトで同様の質問を見たことがありますが、何も機能していないようです。拡張機能の読み込みは問題ありません。助けてください

/* __background.js__  */

function checkForValidUrl(tabId, changeInfo,tab){
console.log("Extension loaded");
chrome.pageAction.show(tabId);
}

function readMessage (request, sender, sendResponse){
alert("reached");
console.log(request.greeting);
sendRequest({farewell:"goodbye"});
}

chrome.extension.onRequest.addListener(readMessage);
chrome.tabs.onUpdated.addListener(checkForValidUrl);


 /* __manifest.json__  */
{
"name": "DemoExtension",
"version": "1.0",
"manifest_version": 2,
"background": {
    "scripts": [
    "jquery.js",
    "background.js"
    ]
},

"description": "demo extension to learn coding chrome extensions.",
"icons": {
    "16": "images/16x16.png",
    "48": "images/48x48.png",
    "128": "images/128x128.png"
},

"page_action": {
    "default_icon": {
        "19": "images/19x19.png",
        "38": "images/38x38.png"
    },
    "default_title": "Demo extension",
    "default_popup": "popup.html"
},

"options_page": "options.html",

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

-

__popup.html__
<!DOCTYPE HTML>
<html>
<head>
    <title>Demo extension</title>
    <script src="./popup.js"></script>
</head>
<body>
    <button id="clickMe">Add</button>   
</body>
</html>

-

__popup.js__
function sendMessageToExtn() {
alert("reached in popup");
chrome.extension.sendMessage({
    greeting : "hello" }, 
            function(response) { console.log(response.farewell);
});
}

document.getElementById('clickMe').addEventListener('click', function () {
sendMessageToExtn();

});

Uncaught TypeError: Cannot call method 'addEventListener' of null (anonymous function)というエラーが表示 されます

同様の質問があります。

4

1 に答える 1

0

問題を解決しました。まず、@apsillers による提案を組み込みます。そして最後に

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

ボタンタグの下のヘッドからボディに。

于 2013-08-16T15:23:06.153 に答える