Chrome-Erweiterung nicht auf Javascript-

-2

reagiert Ich baue eine Chrome-Erweiterung verwenden JavaScript, um die Tags richtig in Browser arbeiten, während die gleiche HTML-Zugabe, Javascript-Code Chrome-Erweiterung reagiert nicht. Json-Datei:Chrome-Erweiterung nicht auf 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 ; 
} 
}

Quelle

2016-11-14 Moustafa

rechts auf das Symbol ur Erweiterung klicken Sie HIER und klicken Sie auf Pop-up zu prüfen, – Lakshay

~~Sie müssen den Code auf DOMContentLoaded Ereignis~~

document.addEventListener('DOMContentLoaded', function() { demo(); });
laufen

Sie haben background statt background.js in Ihrer Popup-HTML-Datei referenziert.

Quelle

2016-11-14 09:40:25 Lakshay

Dank Lakshay zu debuggen, aber tun Sie meinen, dass ich diese Funktion in background.js „document.addEventListener hinzufügen müssen (‚DOMContentLoaded‘, function() { Demo(); }); – Moustafa

Ja, wenn Sie den Code in background.js ausgeführt, wenn der Benutzer klickt auf das Symbol des ext das Popup zu öffnen – Lakshay

ich Ihnen raten würde zum Download Probe ext beziehen von hier https://developer.chrome.com/extensions/ fehlgeschlagen Chrom-Erweiterung Proben, und verwenden sie in es dann Pop-up prüfen ich – Lakshay

Chrome-Erweiterung nicht auf Javascript-

Antwort

Verwandte Themen