mirror of
https://git.mirrors.martin98.com/https://github.com/cilame/v_jstools
synced 2025-07-05 08:45:12 +08:00
add
This commit is contained in:
cilame
parent
65a5a0d936
commit
c5cf497e56
@ -10,7 +10,7 @@
|
||||
|
||||
|
||||
chrome.contextMenus.create({
|
||||
title: "打开配置页面",
|
||||
title: "打开 v_jstools 配置页面",
|
||||
contexts: ['all'],
|
||||
onclick: function(){
|
||||
chrome.tabs.create({
|
||||
|
||||
70
options.html
70
options.html
@ -21,6 +21,75 @@
|
||||
</nav>
|
||||
<div id="container">
|
||||
<section class="tab">
|
||||
<div>
|
||||
<label ><input type="checkbox" data-key="config-hook-global">是否挂钩总开关</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-alt-w">启动 alt + w 快捷键（快捷键开启/关闭日志，当前焦点需在网页上才有效）</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-console">hook-console（使用 v_log 替换 console.log 并将 console 的属性都设置为空函数）</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-Function">hook-Function</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-eval">hook-eval（eval函数会记录上下文，若 eval 用到封闭的上下文参数可能报错）</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-remove-dyn-debugger">remove-dyn-debugger(need selected "hook-Function" or "hook-eval")</label>
|
||||
<br/>
|
||||
<div style="border: 1px solid red; margin: 1px">
|
||||
<div style="margin: 1px; color: red">
|
||||
此处的两个配置会影响后面的全部挂钩操作
|
||||
</div>
|
||||
<div style="margin: 1px">
|
||||
<label >通过正则匹配URL实现日志输出仅针对你关心的js文件</label>
|
||||
</div>
|
||||
<div style="margin: 1px">
|
||||
<input style="width: 98%" type="text" data-key="config-hook-regexp-url">
|
||||
</div>
|
||||
<div style="margin: 1px">
|
||||
<label ><input type="checkbox" data-key="config-hook-log-at">hook-log-at（是否输出函数触发地址）</label>
|
||||
</div>
|
||||
</div>
|
||||
<label ><input type="checkbox" data-key="config-hook-cookie">hook-cookie</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-cookie-get">hook-cookie-get</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-cookie-set">hook-cookie-set</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-settimeout">hook-settimeout</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-setinterval">hook-setinterval</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-encrypt-normal">hook-自带加解密函数</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-JSON.parse">hook-JSON.parse</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-JSON.stringify">hook-JSON.stringify</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-decodeURI">hook-decodeURI</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-decodeURIComponent">hook-decodeURIComponent</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-encodeURI">hook-encodeURI</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-encodeURIComponent">hook-encodeURIComponent</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-escape">hook-escape</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-unescape">hook-unescape</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-atob">hook-atob</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-btoa">hook-btoa</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-domobj">hook-domobj</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-domobj-get">hook-domobj-显示get输出</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-domobj-set">hook-domobj-显示set输出</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-domobj-func">hook-domobj-显示func输出</label>
|
||||
<br/>
|
||||
</div>
|
||||
<HR>
|
||||
<div id="getsets" style="float: left"></div>
|
||||
<div id="funcs" style="float: left"></div>
|
||||
</section>
|
||||
@ -29,7 +98,6 @@
|
||||
<button id='obnormal'>普通解混淆</button>
|
||||
<button id='uglify'>仅变量压缩</button>
|
||||
<button id='uglify_mini'>完全压缩脚本</button>
|
||||
<button id='getobcode'>获取解混淆代码自己单独开发</button>
|
||||
<br/>
|
||||
<label>source</label>
|
||||
<textarea id='txt' style="width: 100%; height: 500px"></textarea>
|
||||
|
||||
17
options.js
17
options.js
@ -61,7 +61,7 @@ var funcs = [['FinalizationRegistry', 'register'],['FinalizationRegistry', 'unre
|
||||
function _mk_html(input, clsname){
|
||||
var div = document.getElementById(clsname)
|
||||
div.innerHTML += `
|
||||
<label ><input class="${clsname}-e0" type="checkbox" id="${clsname}" data-key="config-hook-all-${clsname}">${clsname}<br /> </label>
|
||||
<label ><input class="${clsname}-e0" type="checkbox" id="${clsname}" data-key="config-hook-all-${clsname}">${clsname} 全选/全不选<br /> </label>
|
||||
`
|
||||
var htmls = []
|
||||
var keys = []
|
||||
@ -86,6 +86,21 @@ document.querySelectorAll("input").forEach(function(v){
|
||||
if (v.type == 'checkbox'){
|
||||
v.checked = result[v.dataset.key];
|
||||
}
|
||||
if (v.type == 'text'){
|
||||
v.value = result[v.dataset.key] || '';
|
||||
}
|
||||
})
|
||||
v.addEventListener("change", function (e) {
|
||||
if (v.type == 'checkbox'){
|
||||
chrome.storage.local.set({
|
||||
[e.target.dataset.key]: e.target.checked
|
||||
})
|
||||
}
|
||||
if (v.type == 'text'){
|
||||
chrome.storage.local.set({
|
||||
[e.target.dataset.key]: e.target.value
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
160
popup.html
160
popup.html
@ -5,75 +5,99 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
|
||||
<style type="text/css">
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
height: 34px;
|
||||
transform: scale(.5, .5);
|
||||
}
|
||||
.switch input {display:none;}
|
||||
.slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .05s;
|
||||
transition: .05s;
|
||||
border-radius: 34px;
|
||||
}
|
||||
.slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
left: 4px;
|
||||
bottom: 4px;
|
||||
background-color: white;
|
||||
-webkit-transition: .05s;
|
||||
transition: .05s;
|
||||
border-radius: 50%;
|
||||
}
|
||||
input:checked + .slider {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
input:focus + .slider {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
input:checked + .slider:before {
|
||||
-webkit-transform: translateX(26px);
|
||||
-ms-transform: translateX(26px);
|
||||
transform: translateX(26px);
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.button {
|
||||
display: inline-block;
|
||||
border-radius: 4px;
|
||||
background-color: #f4511e;
|
||||
border: none;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
padding: 10px;
|
||||
width: 160px;
|
||||
transition: all 0.5s;
|
||||
cursor: pointer;
|
||||
margin: 5px;
|
||||
}
|
||||
.button span {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.button span:after {
|
||||
content: '»';
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
top: 0;
|
||||
right: -20px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.button:hover span {
|
||||
padding-right: 25px;
|
||||
}
|
||||
.button:hover span:after {
|
||||
opacity: 1;
|
||||
right: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body style="width: 600px;">
|
||||
<label ><input type="checkbox" data-key="config-hook-global">是否挂钩总开关</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-alt-w">启动 alt + w 快捷键（快捷键开启/关闭日志，当前焦点需在网页上才有效）</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-console">hook-console（使用 v_log 替换 console.log 并将 console 的属性都设置为空函数）</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-Function">hook-Function</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-eval">hook-eval（eval函数会记录上下文，若 eval 用到封闭的上下文参数可能报错）</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-remove-dyn-debugger">remove-dyn-debugger(need selected "hook-Function" or "hook-eval")</label>
|
||||
<br/>
|
||||
<div style="border: 1px solid red; margin: 5px">
|
||||
<div style="margin: 5px; color: red">
|
||||
此处的两个配置会影响后面的全部挂钩操作
|
||||
</div>
|
||||
<div style="margin: 5px">
|
||||
<label >通过正则匹配URL实现日志输出仅针对你关心的js文件</label>
|
||||
</div>
|
||||
<div style="margin: 5px">
|
||||
<input style="width: 98%" type="text" data-key="config-hook-regexp-url">
|
||||
</div>
|
||||
<div style="margin: 5px">
|
||||
<label ><input type="checkbox" data-key="config-hook-log-at">hook-log-at（是否输出函数触发地址）</label>
|
||||
</div>
|
||||
<body style="width: 180px;">
|
||||
<label class="switch">
|
||||
<input type="checkbox" data-key="config-hook-global"><div class="slider"></div>
|
||||
</label>
|
||||
<div style="float: right; padding: 10px">是否挂钩总开关</div>
|
||||
<div>
|
||||
<button id="showoptions" class="button" style="vertical-align:middle"><span>打开配置页面</span></button>
|
||||
</div>
|
||||
<label ><input type="checkbox" data-key="config-hook-cookie">hook-cookie</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-cookie-get">hook-cookie-get</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-cookie-set">hook-cookie-set</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-settimeout">hook-settimeout</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-setinterval">hook-setinterval</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-encrypt-normal">hook-自带加解密函数</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-JSON.parse">hook-JSON.parse</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-JSON.stringify">hook-JSON.stringify</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-decodeURI">hook-decodeURI</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-decodeURIComponent">hook-decodeURIComponent</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-encodeURI">hook-encodeURI</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-encodeURIComponent">hook-encodeURIComponent</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-escape">hook-escape</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-unescape">hook-unescape</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-atob">hook-atob</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-btoa">hook-btoa</label>
|
||||
<br/>
|
||||
<label ><input type="checkbox" data-key="config-hook-domobj">hook-domobj</label> <button id='showoptions'>打开 dom 对象配置页选择需要 hook 的对象（建议全选）</button>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-domobj-get">hook-domobj-显示get输出</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-domobj-set">hook-domobj-显示set输出</label>
|
||||
<br/>
|
||||
<label style="margin-left: 20px"><input type="checkbox" data-key="config-hook-domobj-func">hook-domobj-显示func输出</label>
|
||||
<br/>
|
||||
<!-- <label ><input type="checkbox" data-key="config-hook-test">test（插件开发者测试用）</label>
|
||||
<br/> -->
|
||||
<script src="popup.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user