如何实现手机和电脑打开同一网址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，在不同设备打开会显示不同的效果了。