Skip to content

Commit fee9f00

Browse files
CC11001100CC11001100
authored
Merge pull request #39 from JSREI/dev
doc: 更新README
2 parents 3eb9a3a + 635f1fc commit fee9f00

4 files changed

+123
-3
lines changed

‎README.assets/jsonp-life-circle.drawio.png

54.8 KB
Loading

‎README.md

+7-3
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,10 @@
2222

2323

2424

25+
一次jsonp请求的生命周期：
26+
27+
![jsonp-life-circle.drawio](./README.assets/jsonp-life-circle.drawio.png)
28+
2529
工具辅助逆向实战资料：
2630

2731
- 待补充
@@ -44,7 +48,7 @@ https://greasyfork.org/zh-CN/scripts/419533-js-script-hook
4448

4549
安装成功后能够在油猴的脚本列表看到有一项`js-script-hook`：
4650

47-
![image-20250109202738169](./README.assets/image-20250109202738169.png)
51+
<img src="./README.assets/image-20250109202738169.png" style="width: 400px">
4852

4953
## 2.2 源码编译安装
5054

@@ -94,15 +98,15 @@ dist/index.js
9498

9599
安装成功后能够在油猴的脚本列表看到有一项`js-script-hook`：
96100

97-
![image-20250109202728996](./README.assets/image-20250109202728996.png)
101+
<img src="./README.assets/image-20250109202728996.png" style="width: 400px">
98102

99103
# 三、产品文档
100104

101105
## 3.1 界面设置
102106

103107
本脚本自带了一个操作界面，选择“`Configuration`"子菜单打开配置界面：
104108

105-
![image-20250109201543898](./README.assets/image-20250109201543898.png)
109+
<img src="./README.assets/image-20250109201543898.png" style="width: 600px">
106110

107111
配置界面大概长这个样子：
108112

‎docs/.$jsonp-life-circle.drawio.bkp

+58
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<mxfile host="Electron" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/25.0.2 Chrome/128.0.6613.186 Electron/32.2.5 Safari/537.36" border="50" scale="3" compressed="false" locked="false" version="25.0.2">
2+
<diagram name="Blank" id="YmL12bMKpDGza6XwsDPr">
3+
<mxGraphModel dx="1642" dy="795" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" background="none" math="1" shadow="0">
4+
<root>
5+
<mxCell id="X5NqExCQtvZxIxQ7pmgY-0" />
6+
<mxCell id="1" parent="X5NqExCQtvZxIxQ7pmgY-0" />
7+
<mxCell id="-EHa6s8e7eqt31AD87Gg-13" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
8+
<mxGeometry x="-4" y="207" width="922" height="497" as="geometry" />
9+
</mxCell>
10+
<mxCell id="-EHa6s8e7eqt31AD87Gg-4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="-EHa6s8e7eqt31AD87Gg-1" target="-EHa6s8e7eqt31AD87Gg-2">
11+
<mxGeometry relative="1" as="geometry" />
12+
</mxCell>
13+
<mxCell id="-EHa6s8e7eqt31AD87Gg-1" value="浏览器JS使用script标签发起请求" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
14+
<mxGeometry x="235" y="322" width="309" height="60" as="geometry" />
15+
</mxCell>
16+
<mxCell id="-EHa6s8e7eqt31AD87Gg-5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="-EHa6s8e7eqt31AD87Gg-2" target="-EHa6s8e7eqt31AD87Gg-3">
17+
<mxGeometry relative="1" as="geometry" />
18+
</mxCell>
19+
<mxCell id="-EHa6s8e7eqt31AD87Gg-2" value="服务器收到请求处理并返回响应" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="1">
20+
<mxGeometry x="235" y="447" width="309" height="60" as="geometry" />
21+
</mxCell>
22+
<mxCell id="-EHa6s8e7eqt31AD87Gg-3" value="浏览器收到服务器响应，回调callback函数处理响应" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
23+
<mxGeometry x="232.5" y="572" width="314" height="60" as="geometry" />
24+
</mxCell>
25+
<mxCell id="-EHa6s8e7eqt31AD87Gg-6" value="可选，可能没有回调函数" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
26+
<mxGeometry x="739" y="587" width="189" height="30" as="geometry" />
27+
</mxCell>
28+
<mxCell id="-EHa6s8e7eqt31AD87Gg-7" value="" style="endArrow=classic;html=1;rounded=0;exitX=0;exitY=0.5;exitDx=0;exitDy=0;" edge="1" parent="1" source="-EHa6s8e7eqt31AD87Gg-6">
29+
<mxGeometry width="50" height="50" relative="1" as="geometry">
30+
<mxPoint x="678" y="735" as="sourcePoint" />
31+
<mxPoint x="560" y="602" as="targetPoint" />
32+
</mxGeometry>
33+
</mxCell>
34+
<mxCell id="-EHa6s8e7eqt31AD87Gg-8" value="请求断点" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
35+
<mxGeometry x="45" y="337" width="60" height="30" as="geometry" />
36+
</mxCell>
37+
<mxCell id="-EHa6s8e7eqt31AD87Gg-9" value="响应断点" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
38+
<mxGeometry x="30" y="583" width="60" height="30" as="geometry" />
39+
</mxCell>
40+
<mxCell id="-EHa6s8e7eqt31AD87Gg-11" value="" style="endArrow=classic;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" edge="1" parent="1" source="-EHa6s8e7eqt31AD87Gg-8">
41+
<mxGeometry width="50" height="50" relative="1" as="geometry">
42+
<mxPoint x="134" y="405" as="sourcePoint" />
43+
<mxPoint x="230" y="355" as="targetPoint" />
44+
</mxGeometry>
45+
</mxCell>
46+
<mxCell id="-EHa6s8e7eqt31AD87Gg-12" value="" style="endArrow=classic;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" edge="1" parent="1">
47+
<mxGeometry width="50" height="50" relative="1" as="geometry">
48+
<mxPoint x="98" y="600.5" as="sourcePoint" />
49+
<mxPoint x="223" y="603.5" as="targetPoint" />
50+
</mxGeometry>
51+
</mxCell>
52+
<mxCell id="-EHa6s8e7eqt31AD87Gg-14" value="一次jsonp请求的生命周期" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontColor=#CCCCCC;" vertex="1" parent="1">
53+
<mxGeometry x="-9" y="209" width="168" height="30" as="geometry" />
54+
</mxCell>
55+
</root>
56+
</mxGraphModel>
57+
</diagram>
58+
</mxfile>

‎docs/jsonp-life-circle.drawio

+58
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<mxfile host="Electron" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/25.0.2 Chrome/128.0.6613.186 Electron/32.2.5 Safari/537.36" border="50" scale="3" compressed="false" locked="false" version="25.0.2">
2+
<diagram name="Blank" id="YmL12bMKpDGza6XwsDPr">
3+
<mxGraphModel dx="1642" dy="795" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" background="none" math="1" shadow="0">
4+
<root>
5+
<mxCell id="X5NqExCQtvZxIxQ7pmgY-0" />
6+
<mxCell id="1" parent="X5NqExCQtvZxIxQ7pmgY-0" />
7+
<mxCell id="-EHa6s8e7eqt31AD87Gg-13" value="" style="rounded=0;whiteSpace=wrap;html=1;fontSize=16;" vertex="1" parent="1">
8+
<mxGeometry x="-4" y="207" width="922" height="497" as="geometry" />
9+
</mxCell>
10+
<mxCell id="-EHa6s8e7eqt31AD87Gg-4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontSize=16;" edge="1" parent="1" source="-EHa6s8e7eqt31AD87Gg-1" target="-EHa6s8e7eqt31AD87Gg-2">
11+
<mxGeometry relative="1" as="geometry" />
12+
</mxCell>
13+
<mxCell id="-EHa6s8e7eqt31AD87Gg-1" value="浏览器JS使用script标签发起请求" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=16;" vertex="1" parent="1">
14+
<mxGeometry x="235" y="322" width="309" height="60" as="geometry" />
15+
</mxCell>
16+
<mxCell id="-EHa6s8e7eqt31AD87Gg-5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontSize=16;" edge="1" parent="1" source="-EHa6s8e7eqt31AD87Gg-2" target="-EHa6s8e7eqt31AD87Gg-3">
17+
<mxGeometry relative="1" as="geometry" />
18+
</mxCell>
19+
<mxCell id="-EHa6s8e7eqt31AD87Gg-2" value="服务器收到请求处理并返回响应" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;fontSize=16;" vertex="1" parent="1">
20+
<mxGeometry x="235" y="447" width="309" height="60" as="geometry" />
21+
</mxCell>
22+
<mxCell id="-EHa6s8e7eqt31AD87Gg-3" value="浏览器收到服务器响应，&lt;div&gt;回调callback函数处理响应&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=16;" vertex="1" parent="1">
23+
<mxGeometry x="232.5" y="572" width="314" height="60" as="geometry" />
24+
</mxCell>
25+
<mxCell id="-EHa6s8e7eqt31AD87Gg-6" value="可选，可能没有回调函数" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=16;" vertex="1" parent="1">
26+
<mxGeometry x="694" y="587" width="189" height="30" as="geometry" />
27+
</mxCell>
28+
<mxCell id="-EHa6s8e7eqt31AD87Gg-7" value="" style="endArrow=classic;html=1;rounded=0;fontSize=16;" edge="1" parent="1">
29+
<mxGeometry width="50" height="50" relative="1" as="geometry">
30+
<mxPoint x="692" y="602" as="sourcePoint" />
31+
<mxPoint x="560" y="602" as="targetPoint" />
32+
</mxGeometry>
33+
</mxCell>
34+
<mxCell id="-EHa6s8e7eqt31AD87Gg-8" value="请求断点" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=16;" vertex="1" parent="1">
35+
<mxGeometry x="23" y="337" width="82" height="30" as="geometry" />
36+
</mxCell>
37+
<mxCell id="-EHa6s8e7eqt31AD87Gg-9" value="响应断点" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=16;" vertex="1" parent="1">
38+
<mxGeometry x="11" y="583" width="79" height="30" as="geometry" />
39+
</mxCell>
40+
<mxCell id="-EHa6s8e7eqt31AD87Gg-11" value="" style="endArrow=classic;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontSize=16;" edge="1" parent="1" source="-EHa6s8e7eqt31AD87Gg-8">
41+
<mxGeometry width="50" height="50" relative="1" as="geometry">
42+
<mxPoint x="134" y="405" as="sourcePoint" />
43+
<mxPoint x="230" y="355" as="targetPoint" />
44+
</mxGeometry>
45+
</mxCell>
46+
<mxCell id="-EHa6s8e7eqt31AD87Gg-12" value="" style="endArrow=classic;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontSize=16;" edge="1" parent="1">
47+
<mxGeometry width="50" height="50" relative="1" as="geometry">
48+
<mxPoint x="98" y="600.5" as="sourcePoint" />
49+
<mxPoint x="223" y="603.5" as="targetPoint" />
50+
</mxGeometry>
51+
</mxCell>
52+
<mxCell id="-EHa6s8e7eqt31AD87Gg-14" value="一次jsonp请求的生命周期" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontColor=#CCCCCC;fontSize=16;" vertex="1" parent="1">
53+
<mxGeometry x="-21" y="212" width="246" height="30" as="geometry" />
54+
</mxCell>
55+
</root>
56+
</mxGraphModel>
57+
</diagram>
58+
</mxfile>

0 commit comments

Comments
 (0)