我认为chrome扩展总体而言非常简单且非常强大,但总有一件事让我感到困惑的是尝试在代码可能运行的各种脚本之间进行通信.从浏览器操作的"default_popup"页面引用时会运行代码,"后台"的"脚本"属性中的代码和内容脚本.
在什么情况下,这些类别中的脚本运行,以及每个类别如何与其他类别进行通信？
我是初学者,试图创建一个chrome扩展.在这个扩展中,我想要一个popup.html文件,其上有"highlight"按钮.如果用户单击突出显示,则应突出显示页面中的所有单词.
表现
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": [
"tabs", "activeTab"
]
Popup.html
<!DOCTYPE html>
<html>
<head>
<script src="popup.js"></script>
</head>
<body>
<button id="highlight">Highlight</button>
</body>
</html>
popup.js
window.onload = function(){
document.getElementById('highlight').onclick = highLight;
function = highLight(){
//How can I make all the text highlighted
}
};
如何访问DOM以突出显示每个单词？
提前致谢!
我想创建一个扩展程序，它可以读取站点的所有颜色并相应地更改所有颜色，如果您单击按钮。
我应该在哪里写这段代码？在内容脚本中还是在后台脚本中？
两者之间实际上有什么区别？