Javascript 无法进行chrome扩展

我需要一个chrome扩展的帮助，我似乎做什么都不管用。我能找到的大部分资料都帮不了什么忙。我需要在这里编辑什么

代码如下： HTML

网络应用
.装货{
位置：固定；
宽度：100%；
身高：100%；
文本对齐：居中；
填充顶部：200px；
}
.加载gif{
显示：块；
利润率：10px自动；
身高：50%；
宽度：自动；
}
#加载文本{
字体大小：20px；
填充：20px；
}
#myDiv{
显示：无；
}
身体{
保证金：0；
最小宽度：320px；
最大宽度：400px；
字体系列：Roboto，Arial；
背景色：#fff；
}
/*在元素的总宽度和总高度中包含填充和边框*/
* {
框大小：边框框；
}
/*从列表中删除边距和填充*/
保险商实验室{
保证金：0；
填充：0；
}
/*设置列表项的样式*/
ulli{
光标：指针；
位置：相对位置；
填充：12px 8px 12px 40px；
列表样式类型：无；
背景：#eee；
字体大小：15px；
过渡：0.2s；
/*使列表项不可选择*/
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
/*悬停时背景颜色较深*/
ulli：悬停{
背景：ddd；
}
/*单击后，添加背景色并删除文本*/
保险商实验室检查{
背景：#888；
颜色：#fff；
文字装饰：线条贯通；
}
/*单击时添加“选中”标记*/
ul li.已检查：：之前{
内容：''；
位置：绝对位置；
边框颜色：#fff；
边框样式：实心；
边框宽度：0 2px 2px 0；
顶部：10px；
左：16px；
变换：旋转（45度）；
高度：15px；
宽度：7px；
}
/*设置关闭按钮的样式*/
.结束{
位置：绝对位置；
右：0；
排名：0；
填充：12px 16px 12px 16px；
}
.关闭：悬停{
背景色：#f44336；
颜色：白色；
}
/*标题样式*/
.标题{
填充：0px 0px；
颜色：白色；
文本对齐：居中；
}
/*清除标题后的浮动*/
.标题：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*为输入设置样式*/
输入{
边界：无；
宽度：90%；
填充：10px；
浮动：左；
字体大小：20px；
}
/*设置“添加”按钮的样式*/
.addBtn{
填充：10px；
宽度：10%；
背景：#FFFFFF；
颜色：#555；
浮动：左；
文本对齐：居中；
字体大小：16px；
光标：指针；
过渡：0.3s；
}
.addBtn:悬停{
背景色：#bbb；
}
#picaddbtn{
高度：自动；
宽度：100%；
最大宽度：30px；
}
处理
添加

在此处添加项目
完成后检查它们
你可以随意添加
使用下面的计时器
与管理人员一起保持组织+

JS:

//报价生成器
变量字符串=[
“只有我能改变我的生活”，
“乐观是通向成功的信念”，
“新的一天带来了新的力量和新的思想”，
“生活的10%是发生在你身上的事情，90%是你对它的反应”，
“如果我成功的决心足够坚定，我就永远不会失败”
];
var rand=strings[Math.floor（Math.random（）*strings.length）]；
document.getElementById（'loading-text'）。innerHTML=rand；
//装载机
函数timerOne（）{
myVar=setTimeout（showPage，3000）；
}
函数showPage（）{
document.getElementById（“加载器”）.style.display=“无”；
document.getElementById（“myDiv”）.style.display=“block”；
}
//创建一个“关闭”按钮并将其附加到每个列表项
var myNodelist=document.getElementsByTagName（“LI”）；
var i；
对于（i=0；i

舱单：

   {
  "manifest_version": 2,
  "name": "Webapp",
  "version": "1.0",
  "description": "Webapp",
  "matches": ["<all_urls>"],
  "js": "script.js",
  "browser_action": {
  "default_icon": "image.png",
  "default_title": "Webapp",
  "default_popup": "webapp.html"
},
"permissions": ["tabs","activeTab"]
}

{
“清单版本”：2，
“名称”：“Webapp”，
“版本”：“1.0”，
“说明”：“Webapp”，
“匹配项”：[“”]，
“js”：“script.js”，
“浏览器操作”：{
“默认图标”：“image.png”，
“默认标题”：“Webapp”，
“默认弹出窗口”：“webapp.html”
},
“权限”：[“选项卡”、“活动选项卡”]
}

---

我不知道为什么代码没有正确加载。让我知道我该怎么做。（如果可能，发送当前代码的编辑版本。）

1。弹出窗口是一个单独的窗口，它有自己的开发工具：右键单击弹出窗口，单击“检查”，2。你有一个onclick属性。你能详细说明一下吗？我刚刚知道你在第一条评论中的意思。如何替换onclick属性？我看到了您发送的链接-无法理解。可能是重复的

// Quote generator
var strings = [
 'Only I can change my life',
 'Optimism is the faith that leads to achievement',
 'With the new day comes new strength and new thoughts',
 'Life is 10% what happens to you and 90% how you react to it',
 'Failure will never overtake me if my determination to succeed is strong enough'
];
var rand = strings[Math.floor(Math.random() * strings.length)];
document.getElementById('loading-text').innerHTML = rand;

// Loader
function timerOne() {
    myVar = setTimeout(showPage, 3000);
}

function showPage() {
  document.getElementById("loader").style.display = "none";
  document.getElementById("myDiv").style.display = "block";
}

// Create a "close" button and append it to each list item
var myNodelist = document.getElementsByTagName("LI");
var i;
for (i = 0; i < myNodelist.length; i++) {
  var span = document.createElement("SPAN");
  var txt = document.createTextNode("\u00D7");
  span.className = "close";
  span.appendChild(txt);
  myNodelist[i].appendChild(span);
}

// Click on a close button to hide the current list item
var close = document.getElementsByClassName("close");
var i;
for (i = 0; i < close.length; i++) {
  close[i].onclick = function() {
    var div = this.parentElement;
    div.style.display = "none";
  }
}

// Add a "checked" symbol when clicking on a list item
var list = document.querySelector('ul');
list.addEventListener('click', function(ev) {
  if (ev.target.tagName === 'LI') {
    ev.target.classList.toggle('checked');
  }
}, false);

// Create a new list item when clicking on the "Add" button
function newElement() {
  var li = document.createElement("li");
  var inputValue = document.getElementById("myInput").value;
  var t = document.createTextNode(inputValue);
  li.appendChild(t);
  if (inputValue === '') {
    alert("You must write something!");
  } else {
    document.getElementById("myUL").appendChild(li);
  }
  document.getElementById("myInput").value = "";

  var span = document.createElement("SPAN");
  var txt = document.createTextNode("\u00D7");
  span.className = "close";
  span.appendChild(txt);
  li.appendChild(span);

  for (i = 0; i < close.length; i++) {
    close[i].onclick = function() {
      var div = this.parentElement;
      div.style.display = "none";
    }
  }
}

   {
  "manifest_version": 2,
  "name": "Webapp",
  "version": "1.0",
  "description": "Webapp",
  "matches": ["<all_urls>"],
  "js": "script.js",
  "browser_action": {
  "default_icon": "image.png",
  "default_title": "Webapp",
  "default_popup": "webapp.html"
},
"permissions": ["tabs","activeTab"]
}