Chrome 扩展中的 Javascript 文件中未调用函数

Question

popup.html 中的onclick() 方法未调用background.js 文件的函数。我的manifest.jjson 文件有问题吗？因为通常该功能正常工作。

ma​​nifest.json

{
        "name": "Popping Alert",
        "description": "http://stackoverflow.com/questions/15194198/background-js-not-working-chrome-extension",
        "background": {
            "scripts": [
                "background.js"
            ]
        },
        "content_scripts": [
        {
          "matches": ["http://www.google.com/*"],
          "css": ["print.css","styles.css"],
          "js": ["background.js"]
        }
      ],
        "version": "1",
        "manifest_version": 2,
        "browser_action": {
            "default_title": "Click Me",
            "default_icon": "hello.png"
        }
    }

popup.html

<script type="text/javascript" src="background.js"></script> 
<section id="content">
                <ul class="column">
                    <!--eqblock-->
                    <li>
                        <section class="block">
                                    <a href="#"><img src="images/facebook.jpg" alt=""  /></a> 
                                        <h2><a href="#" onclick="MyFunction1()">Facebook </a> </h2> 


                        </section>
                    </li>
        </ul>
        </section>

background.js

function MyFunction1 () {
                                 localStorage.setItem("facebook", "https://www.facebook.com/");
                                window.open(localStorage.getItem("facebook"));
                                alert("ok");
                                        }

Answer 1

您不能直接从非后台脚本调用 background.js 中的函数。他们的背景不同。你需要使用Message Passing