转发好文 使用JS开发IE、360浏览器、chrome浏览器插件
使用JS开发IE、360浏览器、chrome浏览器插件
原创黑蛋大人 最后发布于2014-09-09 10:56:07 阅读数 4234 收藏
展开
之前遇到了一个需要浏览器插件的需求，现将开发插件的相关资料记录一下
一、IE插件
（1）新建reg注册文件，如test.reg：
Windows Registry Editor Version 5.00
[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt\&查询请求]
@="C:\\Users\\zhange\\Desktop\\360\\chaXun.htm"
"Contexts"=dword:00000023
[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt\&调单请求]
@="C:\\Users\\zhange\\Desktop\\360\\diaoDan.htm"
"Contexts"=dword:00000023
（2）编辑对应的htm文件，如chaxun.htm:
<script language="JavaScript">
//获得document
var args = external.menuArguments;
var doc = args.document;
//do something
var tb=doc.getElementsByTagName("tbody");
//...
//写入文件
var temp="test\n";
var fso = new ActiveXObject("Scripting.FileSystemObject");
var s = fso.CreateTextFile("D:\\temp\\chaXun.txt", true);
s.WriteLine(temp);
s.Close();
</script>
（3）运行reg文件，在IE浏览器中右键，选择相关菜单项
二、chrome插件
（1）新建manifest.json文件，如：
{
"name": "我的第一个Chrome插件",
"version": "1.0.1",
"manifest_version": 2,
"description": "我的第一个Chrome插件",
"icons": {
"48": "icon.png"
},
"permissions": [
"http://*/*",
"bookmarks",
"tabs",
"history"
] ,
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"background": {
"page": "background.html"
},
"content_scripts":[{
"matches": ["file:///C:/Users/zhange/Desktop/test.html"],
"js": ["jquery-1.11.0.min.js","test.js"],
"run_at": "document_end",
"all_frames": true
}]
}
（2）在test.js中做想做的事，例如点击下载表格的某些列：
alert("start");
var div_1 = document.createElement("div");
div_1.id = "show_ad";
div_1.innerHTML = "<a href='#' id='save'>~~~~~~~~~~~~~~点击下载txt~~~~~~~~~~~~~~~~~~~~~</a>";
var dm_body = document.getElementsByTagName("body")[0];
dm_body.insertBefore(div_1,dm_body.firstChild);
var Base64 = {
_keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
encode : function (input) {
var output = "";
var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
var i = 0;
input = Base64._utf8_encode(input);
while (i < input.length) {
chr1 = input.charCodeAt(i++);
chr2 = input.charCodeAt(i++);
chr3 = input.charCodeAt(i++);
enc1 = chr1 >> 2;
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
enc4 = chr3 & 63;
if (isNaN(chr2)) {
enc3 = enc4 = 64;
} else if (isNaN(chr3)) {
enc4 = 64;
}
output = output +
this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
}
return output;
},
decode : function (input) {
var output = "";
var chr1, chr2, chr3;
var enc1, enc2, enc3, enc4;
var i = 0;
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
while (i < input.length) {
enc1 = this._keyStr.indexOf(input.charAt(i++));
enc2 = this._keyStr.indexOf(input.charAt(i++));
enc3 = this._keyStr.indexOf(input.charAt(i++));
enc4 = this._keyStr.indexOf(input.charAt(i++));
chr1 = (enc1 << 2) | (enc2 >> 4);
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
chr3 = ((enc3 & 3) << 6) | enc4;
output = output + String.fromCharCode(chr1);
if (enc3 != 64) {
output = output + String.fromCharCode(chr2);
}
if (enc4 != 64) {
output = output + String.fromCharCode(chr3);
}
}
output = Base64._utf8_decode(output);
return output;
},
_utf8_encode : function (string) {
string = string.replace(/\r\n/g,"\n");
var utftext = "";
for (var n = 0; n < string.length; n++) {
var c = string.charCodeAt(n);
if (c < 128) {
utftext += String.fromCharCode(c);
}
else if((c > 127) && (c < 2048)) {
utftext += String.fromCharCode((c >> 6) | 192);
utftext += String.fromCharCode((c & 63) | 128);
}
else {
utftext += String.fromCharCode((c >> 12) | 224);
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
utftext += String.fromCharCode((c & 63) | 128);
}
}
return utftext;
},
_utf8_decode : function (utftext) {
var string = "";
var i = 0;
var c = c1 = c2 = 0;
while ( i < utftext.length ) {
c = utftext.charCodeAt(i);
if (c < 128) {
string += String.fromCharCode(c);
i++;
}
else if((c > 191) && (c < 224)) {
c2 = utftext.charCodeAt(i+1);
string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
i += 2;
}
else {
c2 = utftext.charCodeAt(i+1);
c3 = utftext.charCodeAt(i+2);
string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
i += 3;
}
}
return string;
}
};
var save = document.getElementById("save");
save.onmouseover = function() {
var temp="";
for(var j=0;j<$("tr").size();j++){
temp=temp+$("tr:eq("+j+") td:eq(0)").text()+","+$("tr:eq("+j+") td:eq(2)").text()+","+$("tr:eq("+j+") td:eq(4)").text()+","+$("tr:eq("+j+") td:eq(6)").text()+","+$("tr:eq("+j+") td:eq(8)").text()+"\n";
}
alert("扫描成功！点击链接下载\n");
this.setAttribute("href",
"data:application/octet-stream;base64,"
+ Base64.encode(temp));
};
alert("end");
（3）在chrome的chrome://extensions/页面中添加、调试
三、360浏览器
IE方式：在IE中调试成功后，将360设为默认浏览器貌似就可以了-w-
chrome方式：在se://extensions-frame/中添加、调试
————————————————
版权声明：本文为CSDN博主「黑蛋大人」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u012670530/article/details/39153833
