-
Notifications
You must be signed in to change notification settings - Fork 2
/
SplitScreen.js
93 lines (91 loc) · 3.85 KB
/
SplitScreen.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
// 监听键盘弹起事件
document.onkeyup=function(e){
// 获取输入的值
var left = document.getElementById('left').value;
var right = document.getElementById('right').value;
/*
* left.indexOf("http")
* right.indexOf("http")
* 判断是否以HTTP协议开头的链接
*/
if(left!=""){
if(left.indexOf("http")!=0){
document.getElementById('alert').style.display="block";
return
}else{
document.getElementById('alert').style.display="none";
}
}
if(right!=""){
if(right.indexOf("http")!=0){
document.getElementById('alert').style.display="block";
return
}else{
document.getElementById('alert').style.display="none";
}
}
document.getElementById('alert').style.display="none";
}
document.getElementById('SplitScreen').addEventListener('click', function(e) {
// 获取输入的值
var left = document.getElementById('left').value;
var right = document.getElementById('right').value;
/*
* left.indexOf("http")
* right.indexOf("http")
* 判断是否以HTTP协议开头的链接
*/
if(left!=""){
if(left.indexOf("http")!=0){
document.getElementById('alert').style.display="block";
return
}else{
document.getElementById('alert').style.display="none";
}
}
if(right!=""){
if(right.indexOf("http")!=0){
document.getElementById('alert').style.display="block";
return
}else{
document.getElementById('alert').style.display="none";
}
}
document.getElementById('alert').style.display="none";
// 定义变量
var data = "";
// 当前打开的网址
if(left==""&&right==""){
data = `document.write('<title>'+document.title+'</title><frameset cols="50%,*"><frame id="left" src='+location.href+'><frame id="right" src='+location.href+'></frameset>')}`
data = `if(document.getElementById("left")!=null){document.getElementById("left").src=location.href;document.getElementById("right").src=location.href}else{`+data
}
// 自定义-左侧分屏网址 / 右侧分屏网址
if(left!=""&&right!=""){
data = `document.write('<title>'+document.title+'</title><frameset cols="50%,*"><frame id="right" src='+left+'><frame id="right" src='+right+'></frameset>')}`
data = `if(document.getElementById("left")!=null){document.getElementById("left").src=left;document.getElementById("right").src=right}else{`+data
data = "var left = "+`'${left}';`+data
data = "var right = "+`'${right}';`+data
}else
// 自定义-左侧网址 / 当前网址地址
if(!left==""){
data = `document.write('<title>'+document.title+'</title><frameset cols="50%,*"><frame id="left" src='+left+'><frame id="right" src='+location.href+'></frameset>')}`
data = `if(document.getElementById("left")!=null){document.getElementById("left").src=left;document.getElementById("right").src=location.href}else{`+data
data = "var left = "+`'${left}';`+data
}else
// 自定义-当前网址地址 / 右侧网址
if(!right==""){
data = `document.write('<title>'+document.title+'</title><frameset cols="50%,*"><frame src='+location.href+'><frame id="right" src='+right+'></frameset>')}`
data = `if(document.getElementById("left")!=null){document.getElementById("left").src=location.href;document.getElementById("right").src=right}else{`+data
data = "var right = "+`'${right}';`+data
}
// 执行页面程序
chrome.tabs.executeScript({
code: data
});
});
// 清空
document.getElementById('clean').addEventListener('click', function(e) {
document.getElementById('left').value="";
document.getElementById('right').value="";
document.getElementById('alert').style.display="none";
})