我正在嘗試創建一個基本的 chrome 擴展，當用戶單擊擴展時會打開一個新選項卡。似乎它不起作用。當我打開擴展程式（單擊它）時，沒有任何反應（新選項卡或視窗未打開）。
1.）我通過命令創建了一個新專案yarn create vite chrome-sf-poc --template react
2.) 這是生成包的腳本yarn build && cp src/manifest.json dist/ && public/background.js dist/
清單.json
{
"manifest_version": 3,
"name": "DEV Articles",
"description": "A quick way to browse top posts from DEV Community.",
"version": "0.0.1",
"action": {
"default_popup": "index.html"
},
"background": {
"service_worker": "background.js"
},
"permissions": ["storage", "activeTab", "scripting", "tabs", "runtime"]
}
背景.js
chrome.browserAction.onClicked.addListener(function (tab) {
chrome.tabs.create({
url: chrome.extension.getURL("https://www.google.com/"),
selected: true,
});
chrome.tabs.create({
url: chrome.extension.getURL("https://www.google.com/"),
selected: true,
});
});
chrome.runtime.onStartup.addListener(function () {
chrome.tabs.create({
url: chrome.extension.getURL("https://www.google.com/"),
selected: true,
});
chrome.tabs.create({
url: chrome.extension.getURL("https://www.google.com/"),
selected: true,
});
});
當我將擴展加載到 chrome 中時，它說服務人員處于非活動狀態：
uj5u.com熱心網友回復：
我認為腳本輸出 V2。您正在嘗試將其遷移到 V3 并失敗。我修好了它。
清單.json
{
"manifest_version": 3,
"name": "DEV Articles",
"description": "A quick way to browse top posts from DEV Community.",
"version": "0.0.1",
"action": {
"default_title": "hoge"
},
"background": {
"service_worker": "background.js"
}
}
背景.js
chrome.action.onClicked.addListener(function (tab) {
chrome.tabs.create({ url: "https://www.google.com/" });
});
chrome.runtime.onStartup.addListener(function () {
chrome.tabs.create({ url: "https://www.google.com/" });
});
uj5u.com熱心網友回復：
manifest.json 看起來不錯。
{
"manifest_version": 3,
"name": "DEV Articles",
"description": "A quick way to browse top posts from DEV Community.",
"version": "0.0.1",
"action": {
"default_popup": "index.html"
},
"background": {
"service_worker": "background.js"
},
"permissions": ["storage", "activeTab", "scripting", "tabs", "runtime"]
}
請檢查 background.js
browser.browserAction.onClicked.addListener(function (tab) {
browser.tabs.create({ url: "https://www.google.com/" });
});
browser.runtime.onStartup.addListener(function () {
browser.tabs.create({ url: "https://www.google.com/" });
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/528584.html