根据浏览器屏幕大小变化切换网址

最新推荐文章于 2024-02-09 08:47:10 发布

写Bug的老王

最新推荐文章于 2024-02-09 08:47:10 发布

阅读量547

点赞数 2

分类专栏： vue 文章标签： javascript vue.js html5

本文链接：https://blog.youkuaiyun.com/wsq88888888/article/details/129753263

版权

vue 专栏收录该内容

5 篇文章

订阅专栏

也就是说你可能会遇到pc端网页和手机端两个平台独立开发当屏幕缩小时跳转手机端网页那么下面的代码就能帮你解决这个问题

<script>
    window.onload = function () {
    // window.onload 进入页面之后就会判断屏幕大小跳转链接
        function fun1() {
            const getWindowInfo = () => {
                const windowInfo = {
                    width: window.innerWidth,
                    hight: window.innerHeight
                }
                // console.log(windowInfo);
                if (windowInfo.width <= 1200) {
                    window.location.href = 'xxx/xxxx.xx'
                }
            };
            window.addEventListener('resize', getWindowInfo);
        };
        fun1();
        function f2() {
            var lw = window.innerWidth;
            if (lw <= 1200) {
                window.location.href = 'xxx/xxxx.xx'
            } else {
            }
        }
        f2()
    };

</script>