chrome浏览器扩展插件

最新推荐文章于 2024-07-16 10:41:07 发布

weixin_33955681

最新推荐文章于 2024-07-16 10:41:07 发布

阅读量236

点赞数

文章标签： json

原文链接：https://my.oschina.net/wmhx/blog/2253608

版权

为什么80%的码农都做不了架构师？>>>

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" 
}

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
        });
    });
};

send.js

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

messages.json

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