文档章节

chrome浏览器扩展插件

酷酷的就
 酷酷的就
发布于 2018/10/28 19:12
字数 223
阅读 23
收藏 0
  1. manifest.json

    {
       "background": {
          "scripts": [ "js/main.js"]
       },
       "browser_action": {
          "default_icon": "assets/logo_19x19.png",
          "default_title": "__MSG_actionTitle__"
       },
       "content_security_policy": "script-src 'self' 'unsafe-eval' https://xxx.xxx.com/ https://hm.xxx.com/; unsafe-inline; object-src 'self'",
       "default_locale": "zh_CN",
       "description": "__MSG_actionTitle__",
       "homepage_url": "http://xxx.xxx.com",
       "icons": {
          "128": "assets/logo_128x128.png",
          "16": "assets/logo_16x16.png",
          "48": "assets/logo_48x48.png"
       },
       "manifest_version": 2,
       "name": "__MSG_extName__",
       "permissions": [ "http://xxx.xxx.com/*", "http://xxx.xxx.com/*", "contextMenus", "tabs", "http://*/*", "https://*/*" ],
       "version": "2018.10.02" 
    }
    
  2. main.js

    var server = 'https://localhost/jandan/meizi/';
    var website_sign = "qihoo.com";
    
    var gAciton = null;
    var gActionOption = {};
    
    chrome.extension.onRequest.addListener(function (req) {
        if (req.msg === "send") {
            var p = [], i = new Image();
            p.push("meizi.website=" + website_sign);
            p.push("meizi.url=" + gActionOption.imgSrc);
            p.push("meizi.note=" + gActionOption.title);
            i.src = server + "?" + p.join("&");
        }
    });
    
    chrome.contextMenus.create({
        title: chrome.i18n.getMessage('clipperImageMenu'),
        contexts: ['image'],
        onclick: function (info, tab) {
            gActionOption.imgSrc = info.srcUrl;
            gActionOption.title = tab.title;
            startClip(tab.id, 'send');
        }
    });
    
    var startClip = function (tabId, action) {
        gAction = action;
        chrome.tabs.executeScript(tabId, { file: "js/send.js" }, function () {
            chrome.tabs.sendRequest(tabId, {
                id: tabId,
                msg: action
            });
        });
    };
    
  3. send.js

    chrome.extension.onRequest.addListener(function (msg) {
        if (msg.msg === 'send') {
            chrome.extension.sendRequest({
                  id: msg.id,
                  msg: msg.msg
            });
        }
    } );
    
  4. messages.json

    {
       "actionTitle": {
          "description": "按钮标题",
          "message": "收藏到[美女随心看]"
       },
       "clipperImageMenu": {
          "description": "右键菜单(选中)",
          "message": "☆五星收藏☆"
       }, 
       "extName": {
          "description": "扩展名称",
          "message": "[美女随心看]图片收藏"
       } 
    }
    
  5. 截图

  1. 片段: https://gitee.com/wmhx/codes/2p9n8xvhe5jzu0rqo6dsg81

© 著作权归作者所有

酷酷的就

酷酷的就

粉丝 26
博文 27
码字总数 5669
作品 0
乌鲁木齐
其他
私信 提问
离线Chrome插件安装文件(crx)的安装方法

离线Chrome插件安装文件(crx)的安装方法 一、正常安装方法 1.开发谷歌浏览器,设置->扩展程序 在打开的谷歌浏览器的扩展管理器中用户可以看到一些已经安装程序的Chrome插件,或者一个Chrom...

曾将
2018/07/10
0
0
【教程】CRX格式插件不能离线安装?本地扩展CRX无法安装怎么办?

最近有很多用户反映有一些Chrome插件在离线安装的时候,根据本站的教程:离线安装CRX格式chrome插件的方法。无法正常完成安装,提示“只能通过Chrome网上应用商店安装该程序”,小编为了了解...

CS青雀
02/21
0
0
PerDev 1.2 发布,for Per.js 2.5+ 版本的官方调试插件

PerDev 1.2 今天发布了,它是用来调试2.5+版本的Per.js的Chrome内核浏览器插件。 PerDev 是 Per.js web app 的Skyogo工作室官方Chrome内核浏览器调试插件。 他可以运行在所有的Chrome内核浏览...

Skyogo
2018/10/11
484
0
PerDev 1.1 发布,for Per.js 2.5 版本的官方调试插件

PerDev 1.1 今天发布了,它是用来调试2.5版本的Per.js的Chrome内核浏览器插件。 PerDev 是 Per.js web app 的Skyogo工作室官方Chrome内核浏览器调试插件。 他可以运行在所有的Chrome内核浏览...

Skyogo
2018/09/28
421
1
微软发布新工具:Chrome 扩展转 Edge 更方便

Windows 10一周年更新刚刚上线,其中除了修复大量已知BUG外,还为用户带来了更多新功能,其中Edge浏览器得到进一步增强,插件支持功能正式开放。 不过,由于尚处于初期,面向Edge浏览器的原生...

oschina
2016/08/07
4.2K
17

没有更多内容

加载失败,请刷新页面

加载更多

Jenkins World 贡献者峰会及专家答疑展位

本文首发于:Jenkins 中文社区 原文链接 作者:Marky Jackson 译者:shunw Jenkins World 贡献者峰会及专家答疑展位 本文为 Jenkins World 贡献者峰会活动期间的记录 Jenkins 15周岁啦!Jen...

Jenkins中文社区
30分钟前
8
0
杂谈:面向微服务的体系结构评审中需要问的三个问题

面向微服务的体系结构如今风靡全球。这是因为更快的部署节奏和更低的成本是面向微服务的体系结构的基本承诺。 然而,对于大多数试水的公司来说,开发活动更多的是将现有的单块应用程序转换为...

liululee
45分钟前
7
0
OSChina 周二乱弹 —— 我等饭呢,你是不是来错食堂了?

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @ 自行车丢了:给主编推荐首歌 《クリスマスの夜》- 岡村孝子 手机党少年们想听歌,请使劲儿戳(这里) @烽火燎原 :国庆快来,我需要长假! ...

小小编辑
今天
460
9
玩转 Springboot 2 之热部署(DevTools)

Devtools 介绍 SpringBoot 提供了热部署的功能,那啥是热部署累?SpringBoot官方是这样说的:只要类路径上的文件发生更改,就会自动重新启动应用程序。在IDE中工作时,这可能是一个有用的功能...

桌前明月
今天
6
0
CSS--列表

一、列表标识项 list-style-type none:去掉标识项 disc:默认实心圆 circle:空心圆 squire:矩形 二、列表项图片 list-style-img: 取值:url(路径) 三、列表项位置 list-style-position:...

wytao1995
今天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部