Chrome扩展不响应javascript_Javascript_Google Chrome Extension_Google Chrome App

Chrome扩展不响应javascript

javascript google-chrome-extension

Chrome扩展不响应javascript,javascript,google-chrome-extension,google-chrome-app,Javascript,Google Chrome Extension,Google Chrome App,我正在使用javascript构建一个chrome扩展，在浏览器中标记正常工作，同时向chrome扩展添加相同的html，javascript代码没有响应。 Json文件： { "name": "SOB", "version": "1.0", "manifest_version":2, "permissions": ["storage", "activeTab" ], "icons" : { "16" : "16.png" ,

我正在使用javascript构建一个chrome扩展，在浏览器中标记正常工作，同时向chrome扩展添加相同的html，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>


入门扩展的弹出窗口
身体{
字体系列：“Segoe UI”，“Lucida Grande”，Tahoma，无衬线；
字体大小：100%；
}

提交

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 ;
}
}

函数演示（）
{
var arra=[]，i=1，rem；
var Input=document.getElementById（'Input'）。值；
var x=1；
while（输入>0）
{
rem=输入%2；
输入=（parseInt（输入/2））；
arra[i]=rem；
i++；
}
而（x<35）
{
if（arra[x]==1）
{
output.innerHTML+=（“SOB”+x+“找到”+“
”）；
x=x+1；
}
其他的
{
x=x+1；
}
}
}
函数响应（）{
var box=document.getElementById（“fillIn”）；
开关（框值）
{
案例“0”：document.getElementById（“答案”）.innerHTML=“成功”；
打破
案例“999”：document.getElementById（“答案”）.innerHTML=“其他错误无重试”；
打破
}
}

您需要在

DOMContentLoaded

事件上运行代码

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

您在弹出的html文件中引用了

background

而不是

background.js

。

右键单击您的扩展名图标并单击inspect popup，以进行调试谢谢Lakshay，但您的意思是我需要在background.js“document.addEventListener（'DOMContentLoaded'，function（）{demo（）；}）”中添加此函数吗，如果您想在用户单击ext图标打开popupi时运行background.js中的代码，我建议您从这里下载相关的ext示例，然后在itAlso中进行更改，我使用inspect弹出窗口，发现这个错误无法加载chrome-extension://ppndoejphojcnjfkiflihggfnjbepbeg/background resource:net:：ERR_FILE_NOT_found通过读取正式扩展名ArquitArchitecture文档开始。如果您试图从弹出窗口中包含background.js，我怀疑您是否这样做了。