使用某些浏览器查看时加载网站的移动版本

Question

Is it possible for the mobile version of my site to be loaded based on browser. Chrome doesn't respond well to certain effects I have on my site, and was wondering if I could get my simplified, mobile version to load. Thanks in advance.

Answer 1

You can use Window.matchMedia(media query):

if (window.matchMedia("(max-width: 500px)").matches) {
    /* The viewport is less than, or equal to, 500 pixels wide */
} else {
    /* The viewport is greater than 500 pixels wide */
}

https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia