2016-11-14 2 views
-2

크롬 확장 프로그램을 빌드 할 때 javascript가 올바르게 작동합니다. 크롬 확장 프로그램이 응답하지 않는 자바 스크립트 코드가 추가되었습니다. JSON 파일 :크롬 확장 프로그램이 자바 스크립트에 응답하지 않습니다.

{ 

"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

감사합니다. Lakshay에게 감사의 말을 전하지만,이 함수를 background.js에 추가해야한다는 의미입니다. "documentContentLoaded, function() { demo(); }); " – Moustafa

+0

예, 사용자가 ext의 아이콘을 클릭하여 팝업을 열 때 background.js의 코드를 실행하려면 – Lakshay

+0

여기에서 관련 샘플을 다운로드 할 것을 권합니다. https://developer.chrome.com/extensions/ 샘플을 만든 다음 변경하십시오. – Lakshay