Firefox 2017 组件计划,主打 WebExtensions

by admin on 2020年4月22日

Mozilla Add-ons
Blog 7月十十六日宣布了二零一七年组件布置,称在过去一年里,将重要放在致力于在
Firefox 和 addons.mozilla.org(AMO)中营造 WebExtensions
帮忙的功底蕴作,减弱附加软件调查所需的年华。相同的时间,还对流程和制品举行了部分修改,以便通过诸如签名API 和加载项微电脑中的重新开掘等行动,来开展付出、分发和开掘插件。

澳门新葡亰信誉平台游戏,当夜幕浏览网页的时候,显示器太亮,导致眼睛有些刺痛。

IT之家讯Mozilla正在为Firefox希图叁次首要进级,决定启用标签四十三十二线程能力,弃用XPCOM和XUL,转而使用名称为WebExtensions的新扩张开辟技能,实现对Chrome及Opera扩大手艺的相当,那样开垦者即可更易于地付出出跨浏览器运维的插件。

前年,WebExtensions 将一连是三月不知肉味的地点。使得 SDK 与 Opera、Chrome
和 Edge
等制品特别,通过最小的改进,实现插件移动到任何浏览器或从别的浏览器移动过来更简明。

接下去,教咱们付出一款浏览器晚上方式插件,来保卫安全眼睛。

Mozilla会在Firefox 4第22中学引进WebExtensions
API新扩展技艺的预览版本,它宽容Blink,这般开荒者就可以知道轻易将插件在Chrome、Opera、Win10Edge、Firefox之间举办移植,只需求做少许改观

到 2017 年岁末,随着 Firefox 57 的发布,将完全贯彻WebExtensions,并将甘休在桌面上加载任何别的扩充项目。

(开篇某些牵强,实在想不出合适的开场白,hahaha…)

Firefox 42的开辟者版本已默许启用八线程标签本领,1月三十日将宣布Firefox 42
Beta,可允许客户筛选启用Electrolysis,自此全数插件都亟待经过证实,何况由Mozilla进行具名。开拓者需求对现成的插件做出一些改造手艺够保证在新版Firefox中运转。

澳门新葡亰信誉平台游戏 1

效果图

Firefox 43 Beta中校会私下认可启用Electrolysis,Firefox
43将标准启用多线程标签技巧,发表时间定为五月18日
。从今以后,还并没有做出更正的扩充还可以够继续利用半年,过后不再提供支撑。

(文/开源中中原人民共和国卡塔尔国    

澳门新葡亰信誉平台游戏 2

长期内看,这么做会风险到开垦者,可是Mozilla表示那样做是值得的,对开拓者来讲会降价扣工作量,对客商来说无疑也是个好专门的学问。

Firefox插件开辟:晚间形式 效果图

行使 WebExtension API 举办支付,开辟轻便,教程如下。

目录布局

|-- icons
|   |-- 48.png
|   |-- 96.png
|-- manifest.json
|-- nightMode.js

mainifest.json(名称不可纠正卡塔尔国

{

    "manifest_version": 2,
    "name": "夜间模式",
    "version": "1.0",

    "description": "夜间模式Demo",

    "icons": {
        "48": "icons/48.png",
        "96": "icons/96.png"
    },

    "background": {
        "scripts": ["nightMode.js"]
    },

    "browser_action": {
        "default_icon": {
            "48": "icons/48.png",
            "96": "icons/96.png"
        }
    },

    "permissions": [
        "activeTab",
        "contextMenus",
        "webRequest",
        "webRequestBlocking"
    ]

}

nightMode.js

//设置夜间样式 - 需完善
var css = ""
+ "body {background-color: #3f3f3f;color: #999999;font-weight: lighter;}"
+ ".timeline-content .article .article-content,.timeline-content .comment-content{background-color: #2f2f2f;}"
+ ".container .article .show-content {color:#b1b1b1;}"
+ ".container .article .show-content blockquote {background-color:#555555;}"
+ ".post .support-author{background-color: #3f3f3f;}"
+ ".wrap-btn {background: rgba(63,63,63,0.9);box-shadow: 0 1px 3px #353535;}"
+ ".container .article .show-content .hljs {background-color: #002b36;color: #839496}"
+ ".article .show-content,.collection-top .description{color:#b1b1b1;}";

//夜间模式 - 为页面添加Style
var mycode = ""
+ "var id_nightmode = document.getElementById('nightmode');"
+ "if (id_nightmode == null) {"
+ "    var style = document.createElement('style');"
+ "    style.setAttribute('id', 'nightmode');"
+ "    var content = document.createTextNode('"+css+"');"
+ "    style.appendChild(content);"
+ "    document.body.appendChild(style);"
+ "} else {"
+ "    document.body.removeChild(id_nightmode);"
+ "}";

//浏览器上面的点击事件
chrome.browserAction.onClicked.addListener(
    function (tab) {
        chrome.tabs.executeScript(tab.id, {
            code: mycode
        }
    );
}
);

//右键菜单
chrome.contextMenus.create({
      id: "aboutAuthor",
      title: "关于作者",
      contexts: ["all"]
});

chrome.contextMenus.create({
      id: "WxName",
      title: "公众号:IT小圈儿",
      contexts: ["all"]
});

chrome.contextMenus.create({
      id: "WxID",
      title: "微信ID:ToFeelings",
      contexts: ["all"]
});

//设置当点击aboutAuthor进行跳转
chrome.contextMenus.onClicked.addListener(function(info, tab) {
    if (info.menuItemId == "aboutAuthor") {
        chrome.tabs.executeScript(tab.id, {
            code: "window.location.href='http://www.jianshu.com/users/bab4cf8c5e39/latest_articles';"
        });
    }
});

更多API :
https://developer.mozilla.org/en-US/Add-ons/

请下载最新的Firefox举办利用。

文件创制好后,请在浏览器中输入 about:debugging ,点击 不时加载附加组件
进行加载。

温馨提醒:

  1. 德姆o存在部分欠缺,仅供效果演示,入门就可以。
  2. WebExtensions 可以做过多作业,风乐趣的能够商量一下。

Thanks ~

澳门新葡亰信誉平台游戏 3

PHP工程师

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图