diff --git a/Web/packages/web/src/feature.js b/Web/packages/web/src/feature.js
index 0fccb245e..06338a20d 100644
--- a/Web/packages/web/src/feature.js
+++ b/Web/packages/web/src/feature.js
@@ -14,11 +14,15 @@ import Resource from './plugins/resources/index'
 import ApiMock from './plugins/api-mock/index'
 import WebVitals from './plugins/web-vitals-time/index'
 
+import Geolocation from './plugins/geolocation/index'
+import ClearCache from './plugins/clear-cache/index'
+
 import {IndependPlugin, RouterPlugin} from '@dokit/web-core'
 
 export const BasicFeatures = {
   title: '常用工具',
-  list: [Console, AppInfo, Resource, Network, Storage, DemoPlugin, DemoIndependPlugin, H5DoorPlugin, WebVitals, Element, OneMachineWithMultipleControls, scanCode]
+  list: [Console, AppInfo, Resource, Network, Storage, DemoPlugin, DemoIndependPlugin, H5DoorPlugin, WebVitals, Element, 
+    OneMachineWithMultipleControls, scanCode, Geolocation, ClearCache]
   // list: [Console, AppInfo, Resource, Network, Storage, H5DoorPlugin]
 }
 
diff --git a/Web/packages/web/src/plugins/clear-cache/cookie.vue b/Web/packages/web/src/plugins/clear-cache/cookie.vue
new file mode 100644
index 000000000..5ad7c6f13
--- /dev/null
+++ b/Web/packages/web/src/plugins/clear-cache/cookie.vue
@@ -0,0 +1,39 @@
+<template>
+  <div style="margin-top:20px;">
+    <InfoCard :infoMap="storageMap" title="Cookie" @refresh="updateList" @clear="clear" @removeItem="removeItem"></InfoCard>
+  </div>
+</template>
+<script>
+import InfoCard from './info-card'
+import { clearCookie, removeCookieItem, getCookieMap } from './js/storage'
+
+export default {
+  components: {
+    InfoCard
+  },
+  data () {
+    return {
+      storageMap: {}
+    }
+  },
+  created() {
+    this.updateList()
+  },
+  methods: {
+    updateList() {
+      this.storageMap = getCookieMap()
+    },
+    removeItem(key) {
+      removeCookieItem(key)
+      this.updateList()
+    },
+    clear() {
+      clearCookie()
+      this.updateList()
+    }
+  },
+}
+</script>
+<style lang="">
+  
+</style>
\ No newline at end of file
diff --git a/Web/packages/web/src/plugins/clear-cache/index.js b/Web/packages/web/src/plugins/clear-cache/index.js
new file mode 100644
index 000000000..8eba3bcdf
--- /dev/null
+++ b/Web/packages/web/src/plugins/clear-cache/index.js
@@ -0,0 +1,12 @@
+import ClearCache from './main.vue'
+// import {overrideConsole,restoreConsole} from './js/console'
+import {getGlobalData, RouterPlugin} from '@dokit/web-core'
+
+export default new RouterPlugin({
+  name: 'ClearCache',
+  nameZh: '清除缓存',
+  component: ClearCache,
+  icon: "https://pt-starimg.didistatic.com/static/starimg/img/nU9RCY0E1e1655278941997.pic",
+  onLoad(){},
+  onUnload(){}
+})
\ No newline at end of file
diff --git a/Web/packages/web/src/plugins/clear-cache/info-card.vue b/Web/packages/web/src/plugins/clear-cache/info-card.vue
new file mode 100644
index 000000000..1e00dd7a6
--- /dev/null
+++ b/Web/packages/web/src/plugins/clear-cache/info-card.vue
@@ -0,0 +1,161 @@
+<template>
+  <Card :title="title">
+    <template v-slot:extra>
+      <div class="info-card-header__opt">
+        <div class="filter-box" :class="keyword ? 'filter-box-actived' : ''">
+          <span class="filter-text">{{ keyword }}</span>
+          <span class="filter opt-icon" @click="openPrompt"></span>
+        </div>
+        <span class="clear-all opt-icon" @click="clearAll"></span>
+        <span class="refresh opt-icon" @click="refresh"></span>
+      </div>
+    </template>
+
+    <template v-slot:body>
+      <div class="info-card-body" v-show="Object.keys(filteredMap).length">
+        <DoRow class="" v-for="(value, key) in filteredMap" :key="key">
+          <DoCol :span="6" class="info-key">{{ key }}</DoCol>
+          <DoCol :span="16" class="info-value">: {{ value }}</DoCol>
+          <DoCol :span="2" class="info-opt">
+            <span class="info-delete" @click="removeItem(key)"></span>
+          </DoCol>
+        </DoRow>
+      </div>
+      <div
+        class="info-card-empty"
+        v-show="Object.keys(filteredMap).length === 0"
+      >
+        <span>empty</span>
+      </div>
+    </template>
+  </Card>
+</template>
+<script>
+import Card from "@common/Card";
+
+export default {
+  components: {
+    Card,
+  },
+  props: {
+    title: {
+      default: "",
+    },
+    infoMap: {
+      default: {},
+    },
+  },
+  data() {
+    return {
+      keyword: "",
+    };
+  },
+  computed: {
+    filteredMap() {
+      if (this.keyword) {
+        let map = Object.create({});
+        for (const key in this.infoMap) {
+          if (Object.hasOwnProperty.call(this.infoMap, key)) {
+            if (
+              this.infoMap[key].indexOf(this.keyword) > -1 ||
+              key.indexOf(this.keyword) > -1
+            ) {
+              map[key] = this.infoMap[key];
+            }
+          }
+        }
+        return map;
+      } else {
+        return this.infoMap;
+      }
+    },
+  },
+  methods: {
+    removeItem(key) {
+      if (window.confirm(`是否确认清除${key}`)) {
+        this.$emit("removeItem", key);
+      }
+    },
+    openPrompt() {
+      this.keyword = window.prompt(
+        "请输入过滤关键词",
+        this.keyword ? this.keyword : ""
+      );
+    },
+    clearAll() {
+      if (window.confirm(`将清空所有${this.title}数据，是否确认清空？`)) {
+        this.$emit("clear");
+      }
+    },
+    refresh() {
+      this.$emit("refresh");
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.info-card-header__opt {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .opt-icon {
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background-size: 15px;
+    background-repeat: no-repeat;
+    margin: 0 10px;
+  }
+  .refresh {
+    background-image: url(data:image/png;base64,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);
+  }
+  .clear-all {
+    background-image: url(data:image/png;base64,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);
+  }
+  .filter-box {
+    display: inline-flex;
+    justify-content: space-between;
+    align-items: center;
+    .filter-text {
+      font-size: 12px;
+    }
+    .opt-icon {
+      margin: 0 10px 0px 5px;
+    }
+  }
+  .filter-box-actived {
+    border-radius: 10px;
+    padding: 3px 0px 3px 10px;
+    border: 1px solid #d9e1e8;
+  }
+  .filter {
+    background-image: url(data:image/png;base64,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);
+  }
+}
+.info-card-body {
+  font-size: 18px;
+  .info-key {
+    font-weight: bolder;
+    overflow-x: scroll;
+    margin-right: 5px;
+  }
+  .info-value {
+    overflow-x: scroll;
+  }
+  .info-opt {
+    text-align: center;
+    span {
+      display: inline-block;
+      width: 15px;
+      height: 15px;
+      background-image: url("data:image/png;base64,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");
+      background-size: 15px;
+      background-repeat: no-repeat;
+    }
+  }
+}
+.info-card-empty {
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/Web/packages/web/src/plugins/clear-cache/js/storage.js b/Web/packages/web/src/plugins/clear-cache/js/storage.js
new file mode 100644
index 000000000..f8d66408c
--- /dev/null
+++ b/Web/packages/web/src/plugins/clear-cache/js/storage.js
@@ -0,0 +1,70 @@
+export const overrideLocalStorage = function(callback) {
+  const originSetItem = localStorage.setItem.bind(localStorage);
+  localStorage.setItem = function (key, value) {
+    // if (!isStr(key) || !isStr(value)) return;
+    originSetItem(key, value);
+    callback({type: 'setItem'})
+  };
+
+  const originRemoveItem = localStorage.removeItem.bind(localStorage);
+  localStorage.removeItem = function (key) {
+    originRemoveItem(key);
+    callback({type: 'removeItem'})
+  };
+
+  const originClear = localStorage.clear.bind(localStorage);
+  localStorage.clear = function (key) {
+    originClear();
+    callback({type: 'clear'})
+  };
+}
+
+export const overrideSessionStorage = function(callback) {
+  const originSetItem = sessionStorage.setItem.bind(sessionStorage);
+  sessionStorage.setItem = function (key, value) {
+    // if (!isStr(key) || !isStr(value)) return;
+    originSetItem(key, value);
+    callback({type: 'setItem'})
+  };
+
+  const originRemoveItem = sessionStorage.removeItem.bind(sessionStorage);
+  sessionStorage.removeItem = function (key) {
+    originRemoveItem(key);
+    callback({type: 'removeItem'})
+  };
+
+  const originClear = sessionStorage.clear.bind(sessionStorage);
+  sessionStorage.clear = function (key) {
+    originClear();
+    callback({type: 'clear'})
+  };
+}
+
+export const clearCookie = function () {
+  let cookieMap = getCookieMap()
+  for (const key in cookieMap) {
+    if (cookieMap.hasOwnProperty.call(cookieMap, key)) {
+      removeCookieItem(key)
+    }
+  }
+}
+
+export const removeCookieItem = function (key) {
+  document.cookie = encodeURIComponent(key) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
+}
+
+export const getCookieMap = function (params) {
+  const cookieMap = Object.create({})
+  const cookie = document.cookie;
+  if (cookie.trim() !== '') {
+    cookie.split(';').forEach(ele => {
+      ele = ele.split('=');
+      const key = ele.shift().trim();
+      ele = decodeURIComponent(ele.join('='));
+      cookieMap[key] = ele
+    })
+  }
+
+  return cookieMap;
+}
+
diff --git a/Web/packages/web/src/plugins/clear-cache/local-storage.vue b/Web/packages/web/src/plugins/clear-cache/local-storage.vue
new file mode 100644
index 000000000..3fdca2a7b
--- /dev/null
+++ b/Web/packages/web/src/plugins/clear-cache/local-storage.vue
@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <InfoCard :infoMap="storageMap" title="localStorage" @refresh="updateList" @clear="clear" @removeItem="removeItem"></InfoCard>
+  </div>
+</template>
+<script>
+import InfoCard from './info-card'
+import {overrideLocalStorage} from './js/storage'
+
+export default {
+  components: {
+    InfoCard
+  },
+  data () {
+    return {
+      storageMap: {}
+    }
+  },
+  created() {
+    overrideLocalStorage(() => {
+      this.updateList()
+    });
+    this.updateList()
+  },
+  methods: {
+    updateList() {
+      let storageMap = {...window.localStorage}
+      // 有一些属性不需要展示
+      for (const key in storageMap) {
+        if (Object.hasOwnProperty.call(storageMap, key)) {
+          if (~key.indexOf('dokit') || typeof storageMap[key] !== 'string') delete storageMap[key]
+        }
+      }
+      this.storageMap = storageMap
+    },
+    removeItem(key) {
+      window.localStorage.removeItem(key)
+    },
+    clear() {
+      window.localStorage.clear()
+    }
+  },
+}
+</script>
+<style lang="">
+  
+</style>
\ No newline at end of file
diff --git a/Web/packages/web/src/plugins/clear-cache/main.vue b/Web/packages/web/src/plugins/clear-cache/main.vue
new file mode 100644
index 000000000..b6f52bebd
--- /dev/null
+++ b/Web/packages/web/src/plugins/clear-cache/main.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="storage-plugin">
+    <localStorage></localStorage>
+    <div>
+      <input type="checkbox" id="check1" value="localStorage" v-model="checkedItem" />
+      <label for="check1">清除</label>
+    </div>
+
+    <sessionStorage></sessionStorage>
+    <div>
+      <input type="checkbox" id="check2" value="sessionStorage" v-model="checkedItem" />
+      <label for="check2">清除</label>
+    </div>
+
+    <cookie></cookie>
+    <div>
+      <input type="checkbox" id="check3" value="cookie" v-model="checkedItem" />
+      <label for="check3">清除</label>
+    </div>
+
+    <div>
+      <input type="checkbox" id="checkall" v-model="checkedAll" @change="changeAllChecked()" />
+      <label for="checkall">全选</label>
+    </div>
+
+    <div class="portal-textarea-container">
+      <div class="portal-opt-area">
+        <div class="opt-btn" @click="clearCache">清除缓存</div>
+      </div>
+    </div>
+  </div>
+
+</template>
+<script>
+import localStorage from './local-storage';
+import sessionStorage from './session-storage';
+import cookie from './cookie';
+import { clearCookie, removeCookieItem, getCookieMap } from './js/storage'
+
+export default {
+  data() {
+    return {
+      checkedAll : false,
+      checkedItem: [],
+      checkedAttr: ["localStorage", "sessionStorage", "cookie"],
+    }
+  },
+
+  methods:{
+    changeAllChecked() {
+      if (this.checkedAll) {
+        this.checkedItem = this.checkedAttr;
+      } else {
+        this.checkedItem = [];
+      }
+    },
+    clearCache(){
+      if (window.confirm(`是否确认清除所选缓存？`)) {
+        for(var i = 0; i < checkedItem.length; i++){
+          if(this.checkedItem[i]=="localStorage"){
+            window.localStorage.clear()
+          }else if(this.checkedItem[i]=="sessionStorage"){
+            window.sessionStorage.clear()
+          }else{
+            clearCookie()
+          }
+        }
+      }
+    }
+  },
+
+  watch: {
+    checkedItem() {
+      if (this.checkedItem.length == this.checkedAttr.length) {
+        this.checkedAll = true;
+      } else {
+        this.checkedAll = false;
+      }
+    }
+  },
+
+  components: {
+    localStorage,
+    sessionStorage,
+    cookie
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.portal-textarea-container{
+  .portal-textarea{
+    font-size: 13px;
+    border-radius: 5px;
+    box-sizing: border-box;
+    width: 100%;
+    border: 1px solid #d6e4ef;
+    resize: vertical;
+  }
+  .portal-opt-area{
+    margin-top: 5px;
+    height: 32px;
+    line-height: 32px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .opt-btn{
+      background-color: #337CC4;
+      border-radius: 5px;
+      font-size: 16px;
+      width: 100%;
+      text-align: center;
+      color: #fff;
+    }
+  }
+}
+.storage-plugin{
+  padding: 5px;
+}
+</style>
\ No newline at end of file
diff --git a/Web/packages/web/src/plugins/clear-cache/session-storage.vue b/Web/packages/web/src/plugins/clear-cache/session-storage.vue
new file mode 100644
index 000000000..bc2a2963b
--- /dev/null
+++ b/Web/packages/web/src/plugins/clear-cache/session-storage.vue
@@ -0,0 +1,47 @@
+<template>
+  <div style="margin-top:20px;">
+    <InfoCard :infoMap="storageMap" title="sessionStorage" @refresh="updateList" @clear="clear" @removeItem="removeItem"></InfoCard>
+  </div>
+</template>
+<script>
+import InfoCard from './info-card'
+import {overrideSessionStorage} from './js/storage'
+
+export default {
+  components: {
+    InfoCard
+  },
+  data () {
+    return {
+      storageMap: {}
+    }
+  },
+  created() {
+    overrideSessionStorage(() => {
+      this.updateList()
+    });
+    this.updateList()
+  },
+  methods: {
+    updateList() {
+      let storageMap = {...window.sessionStorage}
+      // 有一些属性不需要展示
+      for (const key in storageMap) {
+        if (Object.hasOwnProperty.call(storageMap, key)) {
+          if (~key.indexOf('dokit') || typeof storageMap[key] !== 'string') delete storageMap[key]
+        }
+      }
+      this.storageMap = storageMap
+    },
+    removeItem(key) {
+      window.sessionStorage.removeItem(key)
+    },
+    clear() {
+      window.sessionStorage.clear()
+    }
+  },
+}
+</script>
+<style lang="">
+  
+</style>
\ No newline at end of file
diff --git a/Web/packages/web/src/plugins/element/elementTree.vue b/Web/packages/web/src/plugins/element/elementTree.vue
index acadb2996..3ccb9ab7e 100644
--- a/Web/packages/web/src/plugins/element/elementTree.vue
+++ b/Web/packages/web/src/plugins/element/elementTree.vue
@@ -69,18 +69,13 @@ export default {
         $bus.off(this.node.key + "refreshChild", this.refreshSon);
       }
     },
-    parentIsUnfold:{
-      handler: function (val) {
-        if(this.node?.key){
-          if (val) {
-            $bus.on(this.node.key + "refreshMy", this.refresh);
-          } else {
-            $bus.off(this.node.key + "refreshMy", this.refresh);
-          }
-        }
-      },
-      immediate: true,
-    }
+    parentIsUnfold(val) {
+      if (val) {
+        $bus.on(this.node.key + "refreshMy", this.refresh);
+      } else {
+        $bus.off(this.node.key + "refreshMy", this.refresh);
+      }
+    },
   },
   created() {
     if (this?.node?.tagName === "HTML") {
diff --git a/Web/packages/web/src/plugins/geolocation/index.js b/Web/packages/web/src/plugins/geolocation/index.js
new file mode 100644
index 000000000..da5b0430b
--- /dev/null
+++ b/Web/packages/web/src/plugins/geolocation/index.js
@@ -0,0 +1,9 @@
+import {RouterPlugin} from '@dokit/web-core'
+import Geolocation from './main.vue'
+
+export default new RouterPlugin({
+  nameZh: '位置信息',
+  name: 'geolocation-information',
+  icon: 'https://pt-starimg.didistatic.com/static/starimg/img/lxFgOzH5HN1655278941999.png',
+  component: Geolocation
+})
\ No newline at end of file
diff --git a/Web/packages/web/src/plugins/geolocation/main.vue b/Web/packages/web/src/plugins/geolocation/main.vue
new file mode 100644
index 000000000..e41d1859b
--- /dev/null
+++ b/Web/packages/web/src/plugins/geolocation/main.vue
@@ -0,0 +1,98 @@
+
+<template>
+  <div class="geo-portal">
+
+    <div class="portal-textarea-container">
+      <div class="portal-opt-area">
+        <div id="check" class="opt-btn" @click="check">检测浏览器是否支持获取地理位置信息</div>
+      </div>
+    </div>
+
+    <div class="portal-textarea-container">
+      <div class="portal-opt-area">
+        <div class="opt-btn" @click="getLocation">获取位置信息</div>
+      </div>
+    </div>
+
+    
+    <p id="output" class="portal-textarea">尚未获取位置...</p>
+  </div>
+</template>
+
+<script> 
+
+export default {
+  data() {
+  },
+
+  created() {
+  },
+
+  methods: {
+    check() {
+        if (navigator.geolocation) {
+            alert("您的浏览器支持获取地理位置信息。");
+        } else {
+            alert("您的浏览器不支持获取地理位置信息。");
+        }
+    },
+
+    getLocation() {
+        if (navigator.geolocation) {
+            let text = document.getElementById('output');
+            text.innerHTML = "正在获取位置信息......";
+            navigator.geolocation.getCurrentPosition(
+              function(position){
+                var timestp = new Date(position.timestamp);
+                var time = timestp.getFullYear()+"-"+(timestp.getMonth()+1) +"-"+timestp.getDate()+" "+timestp.getHours()+
+                      ":"+timestp.getMinutes()+":"+timestp.getSeconds();
+                text.innerHTML = "纬度：" + position.coords.latitude + "<br>经度：" + position.coords.longitude + "<br>获取时间：" + time;
+              },
+              function(error) {
+                //var errorType = ['您拒绝共享位置信息', '获取不到位置信息', '获取位置信息超时'];
+                text.innerHTML = "code:"+error.code + "<br>message:"+error.message;
+              }
+            );
+        }
+        else {
+            alert("您的浏览器不支持获取地理位置信息。");
+        }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.geo-portal {
+  padding: 5px;
+  textarea,input {
+    font-size: 13px;
+  }
+  .portal-textarea-container{
+    .portal-textarea{
+      font-size: 13px;
+      border-radius: 5px;
+      box-sizing: border-box;
+      width: 100%;
+      border: 1px solid #d6e4ef;
+      resize: vertical;
+    }
+    .portal-opt-area{
+      margin-top: 5px;
+      height: 32px;
+      line-height: 32px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .opt-btn{
+        background-color: #337CC4;
+        border-radius: 5px;
+        font-size: 16px;
+        width: 100%;
+        text-align: center;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>