Skip to content

Commit b70cad5

Browse files
committed
feat(settings): 支持设置"显示/隐藏"网络请求类型
1 parent cb66314 commit b70cad5

File tree

3 files changed

+27
-6
lines changed

3 files changed

+27
-6
lines changed

src/panels/network/NetworkPanel.vue

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,16 @@
66
</span>
77
<span class="cell">Method</span>
88
<span class="cell">Status</span>
9-
<span class="cell">Type</span>
9+
<span v-if="showRequestType" class="cell">Type</span>
1010
</div>
1111
<div class="body" v-prevent-bkg-scroll>
1212
<NetworkRequest
1313
v-for="(requestInfo, index) in requestInfoList"
1414
:key="requestInfo.id"
1515
: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"
1819
@click="onClickItem(requestInfo.id)"
1920
/>
2021
</div>
@@ -77,7 +78,9 @@ export default {
7778
*/
7879
},
7980
// 选中的请求编号
80-
selectedId: ""
81+
selectedId: "",
82+
// 是否显示请求类型(xhr, fetch)
83+
showRequestType: false
8184
};
8285
},
8386
computed: {
@@ -104,6 +107,10 @@ export default {
104107
}
105108
/* eslint-enable */
106109
},
110+
created() {
111+
// 监听"偏好设置"变化
112+
eventBus.on(eventBus.SETTINGS_CHANGE, this.onSettingsChanged.bind(this));
113+
},
107114
mounted() {
108115
// 拦截 XMLHttpRequest
109116
this.hookXMLHttpRequest();
@@ -359,6 +366,9 @@ export default {
359366
},
360367
getRequestInfo(id) {
361368
return this.requestInfoMap[id];
369+
},
370+
onSettingsChanged(settings) {
371+
this.showRequestType = settings.showRequestType;
362372
}
363373
}
364374
};

src/panels/network/NetworkRequest.vue

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<span class="cell cell--long" :style="{'max-width': `${4/6*100}vw`}">{{requestInfo.url}}</span>
55
<span class="cell">{{requestInfo.method}}</span>
66
<span class="cell">{{requestInfo.displayStatus}}</span>
7-
<span class="cell">{{requestInfo.type}}</span>
7+
<span v-if="showRequestType" class="cell">{{requestInfo.type}}</span>
88
</div>
99
<div class="row-expand" v-if="requestInfo.isExpand">
1010
<VTabBar v-model="requestInfo.activeTab" :show-bottom-border="false">
@@ -57,6 +57,10 @@ export default {
5757
isEven: {
5858
type: Boolean,
5959
default: false
60+
},
61+
showRequestType: {
62+
type: Boolean,
63+
required: true
6064
}
6165
},
6266
methods: {

src/panels/settings/SettingsPanel.vue

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,12 +98,19 @@ const defaultConfigs = [
9898
{ text: "Infinity", value: Number.MAX_VALUE }
9999
]
100100
},
101+
{ type: "section", desc: "Network" },
102+
{
103+
type: "checkbox",
104+
name: "showRequestType",
105+
value: false,
106+
desc: "Show request type"
107+
},
101108
{ type: "section", desc: "Application" },
102109
{
103110
type: "checkbox",
104111
name: "showApplicationToolbar",
105112
value: false,
106-
desc: "Show Toolbar"
113+
desc: "Always show toolbar"
107114
}
108115
]
109116
},

0 commit comments

Comments
 (0)