js 添加chrome右键菜单
2016-12-19 00:00
281 查看
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
function dowork(data){
console.log(data);
}
function injectjs(content, type){
var script = document.createElement('script');
script.setAttribute("type", "application/javascript");
if( type == 'file' ){
var path = chrome.extension.getURL("assets/scripts/knowledge/"+content);
script.src = path;
}else if( type == 'string'){
script.textContent = content;
}
document.documentElement.appendChild(script);
}
document.addEventListener("loginEnd", function(data) {
chrome.extension.sendMessage({cmd:'login_succ',reshipurl:data.detail});
});
chrome.extension.onRequest.addListener(function(request,sender,sendResponse){
var res = "";
if(request.cs_cmd !== null){
if(request.cs_cmd == "filldata"){
strRequest = JSON.stringify(request.cs_data);
csdata = request.cs_data;
/*
csdata.texttitle = d.contents.content.texttitle;
csdata.shortpic = "";
csdata.htmltext = d.contents.content.htmltext;
csdata.abstract = d.contents.content.abstract;
csdata.pageurl = d.contents.content.pageurl;
csdata.author = d.contents.content.auth;
csdata.originalurl = d.contents.content.originalurl;
csdata.pubdate = d.contents.content.pubdate;
*/
document.getElementById('title').value = csdata.texttitle;
//document.getElementById('title').value = csdata.htmltext;
document.getElementById('author').value = csdata.author;
tmptext = csdata.htmltext.replace(/</igm, '<');
tmptext = tmptext.replace(/>/igm, '>');
tmptext = tmptext.replace(/"/igm, '"');
tmptext = tmptext.replace(/&/igm, '&');
document.getElementById('_m_title').innerHTML = csdata.texttitle;
document.getElementById('_tempContent').value = tmptext;
document.getElementById('digest').innerHTML = csdata.abstract;
/*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;
})();
注： 为chrome浏览器添加扩展程序，添加右键菜单，链接到其他页面
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 基于FineUI Grid控件添加右键菜单
- JS实现不使用图片仿Windows右键菜单效果代码
- JavaScript屏蔽指定区域内右键菜单
- JS组件Bootstrap ContextMenu右键菜单使用方法
- 为jQuery.Treeview添加右键菜单的实现代码
- jQuery实现右键菜单、遮罩等效果代码
- jquery自定义右键菜单、全选、不连续选择
- chrome扩展学习 右键菜单实现代码
- 深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
- JS实现的自定义右键菜单实例二则
- 基于JavaScript实现右键菜单和拖拽功能
- ASP.NET MVC 2右键菜单和简单分页实例讲解
- C#设置右键菜单的方法
- js实现右键自定义菜单
- JavaScript模拟鼠标右键菜单效果
- C#自定义控件添加右键菜单的方法
- javascript鼠标右键菜单自定义效果
- js实现右键菜单功能
- bootstrap 实现 contextmenu 的最小代码（无需第三方库）
- JS组件Bootstrap ContextMenu右键菜单使用方法