如何管理chrome扩展的内容

Question

我想通过javascript管理Google Chrome扩展程序的内容，让我们说jQuery。我已经应用了jQuery，现在我知道如何管理页面内容。但我不明白如何操纵红框中的html ，就像我的例子中所示：

Answer 1

要将javascript代码添加到扩展程序弹出窗口，请将其放在单独的popup.js文件中，并在popup.html中引用它。

        <script src="popup.js"></script>
    </body>
</html>

这将在弹出文档完全加载后执行popup.js，因此您不必将代码包装在$(function() { .... })或$(document).ready(function() { .... })中。

然后你可以像往常一样使用jQuery：$('#id').css('background', 'green')。