Chrome 扩展程序：一键打开 Google，保存页面并搜索
以下是一个基于 Manifest V3 的 Chrome 扩展程序，可以实现您的需求：
manifest.json:
{
"manifest_version": 3,
"name": "Google Search Extension",
"version": "1.0",
"description": "Open Google homepage, save HTML, and search",
"background": {
"service_worker": "background.js"
},
"permissions": ["tabs", "storage", "http://*/", "https://*/"],
"action": {
"default_popup": "popup.html",
"default_title": "Google Search"
}
}
popup.html:
<!DOCTYPE html>
<html>
<head>
<title>Google Search</title>
</head>
<body>
<h1>Google Search Extension</h1>
<button id='search'>Search Google</button>
<script src="popup.js"></script>
</body>
</html>
popup.js:
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("search").addEventListener("click", function() {
chrome.tabs.create({ url: "https://www.google.com" }, function(tab) {
chrome.tabs.executeScript(tab.id, { code: 'document.documentElement.outerHTML' }, function(result) {
chrome.storage.local.set({ 'html': result[0] }, function() {
chrome.tabs.executeScript(tab.id, { code: 'document.querySelector('[name="q"]').focus();' });
});
});
});
});
});
background.js:
chrome.runtime.onInstalled.addListener(function() {
chrome.storage.local.clear();
});
这个扩展程序包含一个弹出窗口，当用户点击“Search Google”按钮时，它会打开一个新的标签页，访问谷歌主页。然后，它会执行一个脚本，将页面的 HTML 保存到本地存储中，并在搜索框中设置焦点。要使用此扩展程序，请将这些文件保存在同一个文件夹中，并在 Chrome 中加载该文件夹作为扩展程序。
原文地址: https://www.cveoy.top/t/topic/n7S8 著作权归作者所有。请勿转载和采集!