js 添加chrome右键菜单

最新推荐文章于 2025-06-28 09:20:25 发布

weixin_33866037

最新推荐文章于 2025-06-28 09:20:25 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript python ViewUI

原文链接：https://my.oschina.net/guoxin2014/blog/808317

本文介绍了一个用于Chrome浏览器的扩展程序开发实例，该扩展程序能够添加右键菜单，并实现页面间的跳转与数据传递功能。文章详细展示了从背景页、内容脚本到主脚本的实现过程，包括HTML、JSON配置及JavaScript代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

1.background.html

<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' http://* 'unsafe-inline'; script-src 'self' http://* 'unsafe-inline' 'unsafe-eval'" />
   <title>Hylanda</title>
   <script type="text/javascript" src="\assets\scripts\jquery-1.9.1.min.js"></script>
   <script type="text/javascript" src="\assets\scripts\main.js"></script>
</head>
<body>
</body>
</html>

2.manifest.json
{
"name": "紫藤浏览",
"manifest_version": 2,
"version": "0.3",
"permissions": [
"http://*/*",
   "https://*/*",
   "contextMenus",
   "tabs",
   "cookies"
],
"content_scripts": [
{
"matches": ["http://*/*", "https://*/*"],
"js": ["assets/scripts/cs.js"],
"run_at": "document_end"
}
],
"icons" : {
   "16" : "assets/images/imageinfo-16.png",
   "48" : "assets/images/imageinfo-48.png",
   "128" : "assets/images/imageinfo-128.png"
},
"background": {
"page": "background.html"
}
}

3.cs.js

           /*document.getElementById('title').value = 'lalala';*/
//           injectjs("document.tmpcontent='"+csdata.htmltext+"';",'string');
        injectjs("document.tmpeditor.setContent(document.getElementById('_tempContent').value);",'string');
//           injectjs("document.tmpeditor.setContent('"+tmptext+"');",'string');
       }else if(request.cs_cmd == 'reship_start'){
           injectjs('Prompt.loading.show();','string');
       }else if(request.cs_cmd == 'reship_end'){
           injectjs('Prompt.loading.hide();','string');
       }

}
sendResponse(res);
});

4.main.js

var tt = (function(){
var root = this;

   localStorage.website_login = "false";
   //初始化
   root.init = function(){
       //chrome.extension.onRequest.addListener(

   };
   //h2x
   root.h2xdata = function(reshipurl,cb){
       var that = this;
       function mh(url,data,callback){
           $.ajax({
                   url : url,
                   dataType:"jsonp",
                   data : data,
                   beforeSend : function(){

                   },
                   success : function(d){

                       if(typeof callback == "function"){
                           callback(d);
                       }

                   },
                   error : function(){

                   }
           });
       }

       function getDataAsyForTabId(url,cb){
           var xhr = new XMLHttpRequest();
           if(xhr==null) return false;
           try{
               xhr.open("GET", url, true);
               xhr.onreadystatechange = function(){
                   if (xhr.readyState == 4){
                       if(xhr.status==200){
                           var data = xhr.responseText;
                           typeof cb==='function' && cb(data);
                           xhr = null;
                       } else {
                           typeof cb==='function' && cb('');
                       }
                   }
               }
               xhr.send();
           }catch(err){
               return false;
           }
           return true;
       }
       var url = 'http://www.zt.com/Home/Detail/index.html?w=' + encodeURIComponent(reshipurl);
       getDataAsyForTabId(url, function(d){
           if(typeof cb == "function"){
               cb(d);
           }
       });
   };
   //右键菜单

   root.createMenus = function(){
       var menus = this;
       var contexts = ["page","selection","link","editable","image","video","audio"];
       //var contexts = ["page"];

       document.id = chrome.contextMenus.create({"title": "用紫藤浏览", "contexts":contexts,"onclick": clickMenus});
/*
       function clickMenus(info, tab){
           // 触发转载
           rurl = info.pageUrl;
           root.h2xdata(rurl,function(d){
               //console.log(d);
               root.openEdit(d);
           });
       }
*/
       function clickMenus(info, tab){
           // 触发转载
           rurl = info.pageUrl;
           root.getCookie(function(strLogin){
               if(localStorage.website_login === "true"){
                   root.reshippage(rurl);
               }else{
                   root.openLogin(rurl, function(tabid){
                   //do nothing
                   });
               }
           });
           return function(info, tab) {
               info.linkUrl;
           };

       }
   };
   root.openEdit = function(cb){
       chrome.tabs.create({url:"http://ziteng.hylanda.com/Home/Detail/index.html",selected:true}, function(tab){
           cb(tab.id);
       })
   }
   root.openLogin = function(reshipurl, cb){
       loginurl = 'http://ziteng.hylanda.com/Home/Detail/index.html';
       loginurl += '?w='+encodeURIComponent(reshipurl);
       chrome.tabs.create({url:loginurl, selected:true}, function(tab){
           cb(tab.id);
       })
   }
   root.getCookie = function(cb){
       objDate = new Date();
       dwTime = objDate.getTime();
       strid = "";
       strname = "";
       bExpiration = true;// true 过期 false 不过期
       chrome.cookies.getAll({domain:"ziteng.hylanda.com"}, function(arrCookie){
           var len = arrCookie.length;
           var i = 0;
           for(i=0; i<len; ++i){
               if(arrCookie[i].name == "manggo_home_uid"){
                   if(arrCookie[i].value !== '0'){
                       exp = arrCookie[i].expirationDate*1000;
                       if(exp >= dwTime){
                           bExpiration = false;
                       }else{
                           bExpiration = true;
                       }
                   }
                   break;
               }
           }
           if(!bExpiration){
               //判断为登录
               localStorage.website_login = "true";
           }else{
               //判断为未登录
               localStorage.website_login = "false";
           }
           typeof cb==='function' && cb(localStorage.website_login);
       });
   }
   root.cslistener = function(){
       chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
           //
           if(request.cmd = 'login_succ'){
               root.reshippage(request.reshipurl);
           }
       });
   };

   root.reshippage = function(rurl){
       root.openEdit(function(tabid){
           root.h2xdata(rurl, function(d){
               chrome.tabs.sendRequest(tabid, {cs_cmd:'reship_start'}, function(res){});
               setTimeout(function(){
                   d1=JSON.parse(d);
                   csdata = {};
                   csdata.texttitle = d1.contents.content.texttitle;
                   csdata.shortpic = "";
                   csdata.htmltext = d1.contents.content.htmltext;
                   csdata.abstract = d1.contents.content.abstract;
                   csdata.pageurl = d1.contents.content.pageurl;
                   csdata.texthref = d1.contents.content.pageurl;
                   console.log(d1.contents.content);
                   csdata.author = d1.contents.content.auth;
                   csdata.originalurl = d1.contents.content.originalurl;
                   csdata.pubdate = d1.contents.content.pubdate;
//                       cs_data.originalurl = d1.contents.content.originalurl;
                   chrome.tabs.sendRequest(tabid, {cs_cmd:'filldata',cs_data:csdata}, function(res){});
                   chrome.tabs.sendRequest(tabid, {cs_cmd:'reship_end'}, function(res){});
               }, 5000);
           });

       });
   };


   root.init();
   root.cslistener();
   root.createMenus();
   return root;
})();