From 453f768abc115ea68bfe5bef1cfa3b214958bbbf Mon Sep 17 00:00:00 2001
From: flyu <flyu@tencent.com>
Date: Fri, 11 Mar 2022 17:37:09 +0800
Subject: [PATCH] fix: data page refresh hold state

---
 src/capture/index.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/capture/index.js b/src/capture/index.js
index 92c1e978..2baa1969 100644
--- a/src/capture/index.js
+++ b/src/capture/index.js
@@ -26,16 +26,26 @@ const URL_DIR = href.replace(/[^/]+([?#].*)?$/, '');
 const REDIRECT_URL = `${URL_DIR.replace(/:\d+/, '')}redirect`;
 const isHeadless = /^\$\d+$/.test(query.name);
 const { tab, filter } = query;
+const hash = window.location.hash ? window.location.hash.slice(1) : '';
 let pageName;
-// 通过请求参数获取当前显示的页面
-if (['network', 'rules', 'values', 'plugins'].indexOf(tab) !== -1) {
+
+/**
+ * 通过请求参数获取当前显示的页面
+ */
+// 检查 hash 是否存在且正确
+if (['network', 'rules', 'values', 'plugins'].indexOf(hash) !== -1) {
+  pageName = `#${hash}`;
+} else if (['network', 'rules', 'values', 'plugins'].indexOf(tab) !== -1) {
   pageName = `#${tab}`;
 } else {
   pageName = (query.name && !query.env) ? '#rules' : '#network';
 }
+window.location.hash = pageName;
 // iframe 切换页面时的回调
-window.onWhistlePageChange = name => {
-  pageName = `#${name}`;
+window.onload = () => {
+  window.onWhistlePageChange = name => {
+    window.location.hash = `#${name}`;
+  };
 };
 // 获取抓包url
 // 打开该 url 可以选择好指定环境并切换到选中到环境