如何在chrome扩展程序中执行内容脚本时导入文件?

时间:2011-05-11 18:37:42

标签: google-chrome google-chrome-extension

我想执行一些javascript,所以我将background.html页面设置为这样

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script> 
  </head>
  <body>    
    <script type="text/javascript" src="jquery.js"></script> 
    <script>
    chrome.browserAction.onClicked.addListener(function(tab) {
        chrome.tabs.executeScript(null, {file: "contentscript.js"});
    });
    </script>
  </body>
</html>

我真的想在这个脚本中使用JQuery,但我无法弄清楚如何加载它。每次用户加载某些页面时,我都不希望内容脚本关闭,就在他们点击扩展程序的按钮时。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

chrome.tabs.executeScript方法有第三个参数,它是一个在加载脚本时执行的回调函数,您可以使用它来按顺序加载多个脚本:

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.executeScript(null, {file: "jquery.js"}, function() {
        chrome.tabs.executeScript(null, {file: "contentscript.js"});
    });
});

如果您不打算在那里使用<script type="text/javascript" src="jquery.js"></script>,则无需在后台页面中加入{{1}}。