在前端開發中，一個好的網站，一定是佈局好看，前期開發時，都會以單個尺度進行佈局，比如使用PC瀏覽器進行除錯樣式，當網站上線後。會遇到這麼一個尬尷的場景，有一個訪問者在PC瀏覽器上了你的網站，發現你的網站很不錯，然後使用QQ或微信等聊天工具分享了你的網站地址。這個時候，訪問者的朋友正在玩手機，收到後，肯定當場開啟。結果就是，一個佈局很亂的網站，看一眼就關閉了。原因是什麼？就是網站是以PC大屏幕布局的，而手機是小型機，在一些固定大小的樣式在手機上，很容易被擠壓而使得佈局很亂。

當然，你可以再佈局一套適合手機端大小的網站出來，但前提是，你怎麼知道訪問者是用PC瀏覽器訪問還是用手機訪問？這時候，你就可以加上下面這段程式碼，獲取到你所需要的結果。

let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)if (flag) { console.log("手機端");  // this.$router.replace(url);} else { console.log("pc端");  // this.$router.replace(url);}

建議：這種判斷，最好放在一處地方進行處理，不要在所有頁面都加這個判斷，本論壇前端採用的是VUE開發，把判斷放在鉤子上，在每次路由時，都會進行判斷一次，然後動態分配路由。比如PC的人分享了PC的網址，在你手機上點開時，就會自動路由到手機上的網址，反之也一樣。這樣就解決了PC與APP之間的訪問互動。有一處需要注意，並不是只在首頁做一個判斷就可以的，雖然這麼做，正文的訪問入口分開樣式是沒問題的，但網站是可以經過使用者分享的，網站地址分享可能是你網站中任意一個地址。所以還是建議在每次訪問時都做判斷，因為不是呼叫第三方，所以是不會影響你的效能的。