2016-11-14 21 views
-2

javascriptを使用してクロム拡張機能を構築していますが、Chromeの拡張機能に同じHTML、JavaScriptコードを追加しているときに、タグがブラウザで正しく機能しています。 JSONファイル:Chrome拡張機能がJavaScriptに対応していません

{ 

"name": "SOB", 
"version": "1.0", 
"manifest_version":2, 
"permissions": ["storage", 
       "activeTab" ], 
"icons" : { 
      "16" : "16.png" , 
      "48" : "48.png" 
      }, 

"browser_action": { 
    "default_icon": "Skype Orange.png", 
    "default_popup": "popup.html" 
}, 

"background": { 
    "scripts": ["background.js"], 
    "persistent": true 
    } 




} 

Popup.html:

<!doctype html> 

    <html> 
     <head> 
     <title>Getting Started Extension's Popup</title> 
     <style> 
      body { 
      font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif; 
      font-size: 100%; 
      } 

     </style> 



     <script src="background" type="text/javascript"></script> 
     </head> 
     <body> 



    <input type="text" name="value" id="fillIn" /> 
<input type="submit" value="Submit" onClick="response()"/> 
<p id="answer"></p> 

    <input type="text" name="value" id="input" placeholder="SOB Check" /> 
    <button id="form" onClick="demo()"> Submit</button> 
    <p id="output"> </p> 

    <!---------- 
     <div id="status"></div> 
     <img id="image-result" hidden> 
    ------------> 
    </body> 
    </html> 

background.js:

function demo() 
{ 
var arra = [] , i = 1, rem ; 

var Input =document.getElementById('input').value; 
var x = 1; 
while(Input > 0) 
{ 
    rem = Input%2; 
    Input = (parseInt(Input/ 2)); 
    arra[i] = rem ; 
    i++; 

} 

while (x < 35) 
{ 
    if(arra[x] == 1) 
    { 
     output.innerHTML +=("SOB "+ x +" Found" +"<br />"); 
     x = x +1 ; 
     } 
    else 
    { 
      x = x +1 ; 
      } 


} 
} 
function response() { 

var box = document.getElementById("fillIn"); 

switch (box.value) 
{ 
case '0' : document.getElementById("answer").innerHTML="Successful"; 
      break ; 
case '999' : document.getElementById("answer").innerHTML="Other Error No Retry"; 
break ; 
} 
} 
+0

右のur拡張のアイコンをクリックし、inspectポップアップをクリックしてデバッグしてください。 – Lakshay

答えて

0

あなたは DOMContentLoadedイベント

document.addEventListener('DOMContentLoaded', function() { 
    demo(); 
}); 
上でコードを実行する必要があります

ポップアップhtmlファイルにbackground.jsの代わりにbackgroundを指定しました。

+0

Thanks Lakshayですが、この関数をbackground.jsに追加する必要がありますか? "documentContentLoaded、function(){ demo (); }); " – Moustafa

+0

はい、ユーザーがextのアイコンをクリックしてポップアップを開くときにbackground.js内のコードを実行したい場合は、 – Lakshay

+0

の関連するサンプルextをhttps://developer.chrome.com/extensions/からダウンロードすることをお勧めしますサンプルを作成して変更してください – Lakshay

関連する問題