在此链接中 https://developer.mozilla.org/en-US/Add-ons/WebExtensions
您可以看到，mozilla 现在也在尝试以最小的更改为 Firefox 提供 Chrome 扩展。
如果您进入此链接 https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Porting_from_Google_Chrome
有一个关于如何从 Chrome 扩展程序移植到 Firefox 插件的指南。
我的问题是 list 中必须有一个“插件 ID”
它有一个例子，我的 list 是这样的。
{
"background": {
"scripts": [
"background.js"
]
},
"applications": {
"gecko": {
"id": "<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="78130f0b0c190b1619494b381f15191114561b1715" rel="noreferrer noopener nofollow">[email protected]</a>",
"strict_min_version": "3.1.3",
"strict_max_version": "50.*"
}
},
"browser_action": {
"default_icon": "img/icon19.png",
"default_title": "iFB PRO v3 The Ultimate Tool for Invites in Facebook",
"default_popup": "popup.html"
},
"icons": {
"19": "img/icon19.png",
"38": "img/icon38.png",
"48": "img/icon_48_2.png",
"128": "img/icon_128.png"
},
"manifest_version": 2,
"name": "iFB PRO for Facebook Invites Events&Pages",
"description": " This is the ULTIMATE Invite Tool for Events and Pages in Facebook!! ",
"permissions": [ "activeTab" ],
"version": "3.1.3"
}
POPUP.HTML
<html lang="en">
<head>
<script src="popup.js"></script>
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<style type="text/css" media="screen">
body { min-width:250px; min-height:700px; text-align: center; }
#click-me-l { font-size: 20px; }
#click-me-f { font-size: 20px; }
.btnExample
{
color: #FFFFFF;
background: #5CADFF;
font-weight: bold;
border: 5px solid #ff;
}
.btnExample:hover
{
color: #FFFFFF;
background: #2E8AE6;
cursor: pointer;
}
.btnExample1
{
color: #FFFFFF;
background: #5CADFF;
font-weight: bold;
border: 5px solid #ff;
}
.btnExample1:hover
{
color: #FFFFFF;
background: #2E8AE6;
cursor: pointer;
}
</style>
</head>
<body>
<body bgcolor="#3B5998">
<img src="img/ifb-sketo.png">
<font color="white"><h1>Click here to invite friends to Pages</h1></font>
<button id='click-me-l' class="btnExample">Pages</button>
<font color="white"><h1>Click here to invite friends to Events</h1></font>
<button id='click-me-f' class="btnExample1">Events</button>
<br><font color="white"><h2>Please consider a donation in my PayPal account. Click the image below!</h2></font>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
">
<input type="image" target="_blank" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img target="_blank" alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<font color="white"><h2>Click the image below to Like Us on Facebook</h2></font>
<a href="https://www.facebook.com/pages/IFB-Invite-all-to-Events-and-Pages/284580485083298" target="_blank"><img src="img/like.png">
</body>
</html>
POPUP.JS
function clickHandler1(e) {
chrome.extension.sendMessage({directive: "popup-click-l"}, function(response) {
this.close(); // close the popup when the background finishes processing request
});
}
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('click-me-l').addEventListener('click', clickHandler1);
})
function clickHandler2(e) {
chrome.extension.sendMessage({directive: "popup-click-f"}, function(response) {
this.close(); // close the popup when the background finishes processing request
});
}
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('click-me-f').addEventListener('click', clickHandler2);
})
背景.JS
chrome.extension.onMessage.addListener(
function(request, sender, sendResponse) {
switch (request.directive) {
case "popup-click-l":
// execute the content script
chrome.tabs.executeScript(null, { // defaults to the current tab
file: "pages.js", // script to inject into page and run in sandbox
allFrames: true // This injects script into iframes in the page and doesn't work before 4.0.266.0.
});
sendResponse({}); // sending back empty response to sender
break;
case "popup-click-f":
// execute the content script
chrome.tabs.executeScript(null, { // defaults to the current tab
file: "events.js", // script to inject into page and run in sandbox
allFrames: true // This injects script into iframes in the page and doesn't work before 4.0.266.0.
});
sendResponse({}); // sending back empty response to sender
break;
}
}
);
chrome.runtime.onInstalled.addListener( function(details) {
switch(details.reason) {
case "install":
chrome.tabs.create({url: "https://www.facebook.com/pages/IFB-Invite-all-to-Events-and-Pages/284580485083298?sk=app_128953167177144&ref=page_internal"});
break;
case "update":
break;
}
});
然后我有 2 个 js 文件，里面有简单的 JavaScript 代码。
我在 Firefox Nightly 中完美安装了我的扩展 它打开 popup.html 但当我按下按钮时，并没有执行 JavaScript 代码。
有人知道为什么不起作用吗？
作为 Chrome 扩展，它工作得非常完美。
最佳答案
Chrome 扩展 API 的某些部分尚未移植。查看文档以获取更多信息:https://wiki.mozilla.org/WebExtensions#List_of_supported_APIs
此处列出了支持的 API 的另一个页面
http://www.arewewebextensionsyet.com/
关于javascript - Mozilla WebExtensions 新指南，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32734677/