如何實現手機和電腦打開同一網址URL鏈接顯示不同各自適配的網頁內容

效果如下：
用於測試的URL：https://www.huodongxing.com/event/3539919032700

1、PC端效果

2、手機端效果

3、實現方法

//判斷是pc瀏覽器：1、微信瀏覽器：3、其它瀏覽器：2
this.visitorType = function() 
{
    var src = 1;
    console.log(navigator.userAgent);
    if (this.isWxBrowser()) { src = 3 } else { if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { src = 2 } }
    return src
};
//判斷是否是微信瀏覽器
this.isWxBrowser = function() 
{ 
        var ua = navigator.userAgent.toLowerCase(); 
        return (/micromessenger/.test(ua)) ? true : false 
};
    

通過visitorType函數先判斷是什麼類型的瀏覽器（默認PC瀏覽器），然後前端代碼裏面去顯示不同的效果。
這樣同一個URL，在不同設備打開會顯示不同的效果了。