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

发布于 2024-11-06 18:27:26 字数 588 浏览 0 评论 0原文

我想执行一些 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，但我不知道如何加载它。我不希望内容脚本在每次用户加载某些页面时（只是当他们单击扩展程序的按钮时）关闭。有什么想法吗？

原文

I want to execute some javascript so I have my background.html page set up like this

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

I would really like to use JQuery in this script, but I can't figure out how to get it to load. I don't want the content script to go off every time the user loads certain pages, just when they click the extension's button. Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

旧时模样 2024-11-13 18:27:26

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

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

您不需要包含 < code>进入您的后台页面（如果您不打算在那里使用它）。

chrome.tabs.executeScript method has third parameter which is a callback function that executes when a script is loaded, which you can use to load more than one script in order:

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

You don't need to include <script type="text/javascript" src="jquery.js"></script> into your background page if you don't plan using it there.

回复收藏 0 原文

~没有更多了~