如何使用JS在不同設備上加載html文件

Question

我有兩個 HTML 文檔，一個用於設備寬度小於 768px ，另一個用於大於 768px 的設備。 如何使用設備檢測方法加載每個文檔？

Answer 1

將此添加到您的頁面：

<script>
    var width = window.innerWidth;
    if (width < 768) {
        window.open("./smaller.html", "_self");
    } else {
        window.open("./greather.html", "_self");
    }
</script>