首先,在manifest.json文件中添加以下代码:
{
"name": "My Extension",
"version": "1.0",
"manifest_version": 2,
"permissions": ["activeTab", "tabs"],
"content_scripts": [
{
"matches": [""],
"js": ["content.js"]
}
],
"browser_action": {
"default_title": "My Extension",
"default_popup": "popup.html"
}
}
上述代码中,“content_scripts”指定了要在哪些页面上运行扩展程序的JavaScript文件,“browser_action”指定了浏览器按钮单击时显示的弹出窗口。
接下来,在content.js中,可以编写以下代码来将页面中匹配的文本从弹出窗口中返回:
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
if (request.action == "searchText") {
var searchText = request.text;
var message = "No matches found.";
if (document.body.innerText.indexOf(searchText) !== -1) {
message = "Match found!";
}
sendResponse({message: message});
}
});
最后,在popup.html中,可以使用以下代码来创建一个搜索框和一个按钮,以便在搜索框中输入文本并向content.js发送一个搜索请求:
My Extension
在popup.js中,可以编写以下代码来处理搜索按钮的单击事件并显示弹出窗口中返回的消息:
document.getElementById("searchButton").addEventListener("click", function() {
var searchText = document.getElementById("searchText").value;
chrome