diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
index 71bdda881e..7b396e2481 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
@@ -119,6 +119,7 @@ const loadCanvasDataAsync = async (dvId, dvType) => {
         document.title = dvInfo.name
         setTitle(dvInfo.name)
       }
+      initBrowserTimer()
     }
   )
 }
@@ -139,6 +140,16 @@ onMounted(async () => {
   dvMainStore.setPublicLinkStatus(props.publicLinkStatus)
 })
 
+const initBrowserTimer = () => {
+  if (state.canvasStylePreview.refreshBrowserEnable) {
+    const gap = state.canvasStylePreview.refreshBrowserUnit === 'minute' ? 60 : 1
+    const browserRefreshTime = state.canvasStylePreview.refreshBrowserTime * gap * 1000
+    setTimeout(() => {
+      window.location.reload()
+    }, browserRefreshTime)
+  }
+}
+
 defineExpose({
   loadCanvasDataAsync
 })