Chrome extension 中，在background中执行其他页面的方法

最新推荐文章于 2024-06-18 19:37:17 发布

最新推荐文章于 2024-06-18 19:37:17 发布 · 1.4k 阅读

文章标签：

#Chrome #HTML #JavaScript #ViewUI

本文介绍如何在Chrome扩展的不同页面间进行方法调用，包括从主页面调用background.html中的方法和从background页面调用主页面的方法。通过使用chrome.extension.getBackgroundPage()及chrome.extension.getViews()实现跨页面交互。

Chrome extension 中，我们可以在主页面中（以main.html为例）利用以下代码来调用background.html 中定义的方法：

chrome.extension.getBackgroundPage().test();

其中test方法是在background.html中定义的。

如：

<html>
  <head>
</script>
    <script type="text/javascript">
    
      function test() {
        alert("测试");
      };

    </script>
  </head>
  <body>
  </body>
</html>

同理，要在background页面调用main.html 的方法可以使用一下代码