File tree Expand file tree Collapse file tree 3 files changed +27
-6
lines changed Expand file tree Collapse file tree 3 files changed +27
-6
lines changed Original file line number Diff line number Diff line change 6
6
</span >
7
7
<span class =" cell" >Method</span >
8
8
<span class =" cell" >Status</span >
9
- <span class =" cell" >Type</span >
9
+ <span v-if = " showRequestType " class =" cell" >Type</span >
10
10
</div >
11
11
<div class =" body" v-prevent-bkg-scroll >
12
12
<NetworkRequest
13
13
v-for =" (requestInfo, index) in requestInfoList"
14
14
:key =" requestInfo.id"
15
15
:requestInfo =" requestInfo"
16
- :is-selected =" selectedId === requestInfo.id"
17
- :is-even =" index % 2 === 0"
16
+ :isSelected =" selectedId === requestInfo.id"
17
+ :isEven =" index % 2 === 0"
18
+ :showRequestType =" showRequestType"
18
19
@click =" onClickItem(requestInfo.id)"
19
20
/>
20
21
</div >
@@ -77,7 +78,9 @@ export default {
77
78
*/
78
79
},
79
80
// 选中的请求编号
80
- selectedId: " "
81
+ selectedId: " " ,
82
+ // 是否显示请求类型(xhr, fetch)
83
+ showRequestType: false
81
84
};
82
85
},
83
86
computed: {
@@ -104,6 +107,10 @@ export default {
104
107
}
105
108
/* eslint-enable */
106
109
},
110
+ created () {
111
+ // 监听"偏好设置"变化
112
+ eventBus .on (eventBus .SETTINGS_CHANGE , this .onSettingsChanged .bind (this ));
113
+ },
107
114
mounted () {
108
115
// 拦截 XMLHttpRequest
109
116
this .hookXMLHttpRequest ();
@@ -359,6 +366,9 @@ export default {
359
366
},
360
367
getRequestInfo (id ) {
361
368
return this .requestInfoMap [id];
369
+ },
370
+ onSettingsChanged (settings ) {
371
+ this .showRequestType = settings .showRequestType ;
362
372
}
363
373
}
364
374
};
Original file line number Diff line number Diff line change 4
4
<span class =" cell cell--long" :style =" {'max-width': `${4/6*100}vw`}" >{{requestInfo.url}}</span >
5
5
<span class =" cell" >{{requestInfo.method}}</span >
6
6
<span class =" cell" >{{requestInfo.displayStatus}}</span >
7
- <span class =" cell" >{{requestInfo.type}}</span >
7
+ <span v-if = " showRequestType " class =" cell" >{{requestInfo.type}}</span >
8
8
</div >
9
9
<div class =" row-expand" v-if =" requestInfo.isExpand" >
10
10
<VTabBar v-model =" requestInfo.activeTab" :show-bottom-border =" false" >
@@ -57,6 +57,10 @@ export default {
57
57
isEven: {
58
58
type: Boolean ,
59
59
default: false
60
+ },
61
+ showRequestType: {
62
+ type: Boolean ,
63
+ required: true
60
64
}
61
65
},
62
66
methods: {
Original file line number Diff line number Diff line change @@ -98,12 +98,19 @@ const defaultConfigs = [
98
98
{ text: " Infinity" , value: Number .MAX_VALUE }
99
99
]
100
100
},
101
+ { type: " section" , desc: " Network" },
102
+ {
103
+ type: " checkbox" ,
104
+ name: " showRequestType" ,
105
+ value: false ,
106
+ desc: " Show request type"
107
+ },
101
108
{ type: " section" , desc: " Application" },
102
109
{
103
110
type: " checkbox" ,
104
111
name: " showApplicationToolbar" ,
105
112
value: false ,
106
- desc: " Show Toolbar "
113
+ desc: " Always show toolbar "
107
114
}
108
115
]
109
116
},
You can’t perform that action at this time.
0 commit comments