Javascript Chrome拡張機能が機能せず、検査ポップアップがグレー表示されます。どうして？

間違いなくnotme

これは拡張機能を作成する最初の試みであり、基本的にはJSブックのコードをたどって書き直しただけです。

Manifest.json

{

 "name": "My first extension",
 "version": "1.0",
 "description": "Hello World extension",
 "manifest_version": 2,
 "browser_action": { 
    "default_icon": "icon.png",
    "popup": "popup.html"
 }

}

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Extension Test</title>

    <style>
        body { 
            width:350px;
        }

        div { 
            border: 1px solid;
            padding:20px;
            font: 20px normal helvetica, verdana, sans-serif;
        }
    </style>

    <script>
        function sayhello() { 
            var message = document.createTextNode("Hello World");
            var out = document.createElement("div");
            out.appendChild(message);
            document.body.appendChild(out)
        }
        window.onload = sayhello;
    </script>

</head>




<body>




    
</body>
</html>

拡張機能を有効にするとアイコンが表示されますが、クリックしても何も起こりません。検査ポップアップボタンもグレー表示され、クリックできません。

私は何が間違っているのですか？

注：コードが何をするのかよくわかりません。繰り返しますが、私は本が言っていることをしているだけです。alert()関数内に挿入しようとしましたが、何も変わりませんでした。拡張機能はまだ機能しません。

アラン・ドー

障害はManifest.json内にあるようです。

Chrome Webサイトのドキュメントによると、default_popupプロパティではなく、popupプロパティ内で開くページを定義する必要があります。

詳細については、こちらをご覧ください。

あなたの本は少し古くなっているか、単に欠陥があるように思われます。

簡単に言えば、これを変更します。

{

 "name": "My first extension",
 "version": "1.0",
 "description": "Hello World extension",
 "manifest_version": 2,
 "browser_action": { 
    "default_icon": "icon.png",
    "popup": "popup.html"
 }

}

これに;

{

 "name": "My first extension",
 "version": "1.0",
 "description": "Hello World extension",
 "manifest_version": 2,
 "browser_action": { 
    "default_icon": "icon.png",
    "default_popup": "popup.html"
 }

}

そして、ポップアップは問題なく表示されるはずです。

追記; 質問に示されているJavaScriptは、エラーが発生するため、別のファイルに分割する必要があります。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]