Javascript 我想建立一个chrome扩展，可以更新一些页面，但没有任何弹出窗口_Javascript_Jquery_Html_Google Chrome_Google Chrome Extension

Javascript 我想建立一个chrome扩展，可以更新一些页面，但没有任何弹出窗口

javascript jquery html google-chrome google-chrome-extension

Javascript 我想建立一个chrome扩展，可以更新一些页面，但没有任何弹出窗口,javascript,jquery,html,google-chrome,google-chrome-extension,Javascript,Jquery,Html,Google Chrome,Google Chrome Extension,我想构建一个chrome扩展，可以在没有弹出窗口的情况下更新某些页面（来自其他源/页面）（我知道这个问题很愚蠢，因为我是扩展开发的新手）例如，我有我的manifest.json: {...... "browser_action": { "default_icon": "icon.png", "default_title": "My chrome extension title" }, "background": { "scripts": ["backgrou

我想构建一个chrome扩展，可以在没有弹出窗口的情况下更新某些页面（来自其他源/页面）（我知道这个问题很愚蠢，因为我是扩展开发的新手）

例如，我有我的manifest.json:

{......
 "browser_action": {
    "default_icon": "icon.png",
    "default_title": "My chrome extension title"
  },

  "background": {
    "scripts": ["background.js"],
     "persistent": false
    },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/"
  ]
......
}

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.create({ url: "pageloader.html" });
});

<!doctype html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function () { 
      $("#status").append("hello chrome extension");
    })
    </script>
  <title>Page loader</title>
  </head>
    <body>
      <div id="status">
      </div>
      <p>hello</p>
    </body>
</html>

background.js:

{......
 "browser_action": {
    "default_icon": "icon.png",
    "default_title": "My chrome extension title"
  },

  "background": {
    "scripts": ["background.js"],
     "persistent": false
    },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/"
  ]
......
}

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.create({ url: "pageloader.html" });
});

<!doctype html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function () { 
      $("#status").append("hello chrome extension");
    })
    </script>
  <title>Page loader</title>
  </head>
    <body>
      <div id="status">
      </div>
      <p>hello</p>
    </body>
</html>

pageloader.html:

{......
 "browser_action": {
    "default_icon": "icon.png",
    "default_title": "My chrome extension title"
  },

  "background": {
    "scripts": ["background.js"],
     "persistent": false
    },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/"
  ]
......
}

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.create({ url: "pageloader.html" });
});

<!doctype html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function () { 
      $("#status").append("hello chrome extension");
    })
    </script>
  <title>Page loader</title>
  </head>
    <body>
      <div id="status">
      </div>
      <p>hello</p>
    </body>
</html>


$（文档）.ready（函数（）{
$（“#状态”）.append（“hello chrome扩展”）；
})
页面加载器
你好

当我打开“pageloader.html”时，javascript运行良好，并在浏览器中显示输出，如：

你好chrome分机你好

但是，当我运行安装扩展并单击“扩展”时，它会在新选项卡中打开“pageloader.html”，但只显示

你好

我的意思是，javascript部分没有运行。如果有人告诉我我的错误，我将不胜感激。

不允许

inline

javascript和从外部服务器加载

jquery

等资源。为了让它工作

下载

jquery

并将其保存在扩展文件夹下的本地目录中

在外部文件中移动

inline

javascript，然后在jquery之后包含此文件

如果要放宽默认策略，请执行以下操作：