$(document).ready(function() {
    // 定义一个函数来处理URL参数
    function updateUrlParam(param, value) {
        var url = window.location.href;
        var urlObj = new URL(url);
        var params = new URLSearchParams(urlObj.search);
        
        if (value === null || value === undefined) {
            // 删除参数
            params.delete(param);
        } else {
            // 添加或更新参数
            params.set(param, value);
        }
        
        // 更新URL（不刷新页面）
        window.history.replaceState({}, '', urlObj.pathname + '?' + params.toString());
    }
    
    // 定义一个防抖函数，避免频繁触发
    function debounce(func, wait) {
        var timeout;
        return function() {
            clearTimeout(timeout);
            timeout = setTimeout(func, wait);
        };
    }
    
    // 窗口大小变化处理函数
    function handleResize() {
        var windowWidth = $(window).width();
        
        // 根据窗口宽度添加或删除参数
        if (windowWidth < 768) {
            updateUrlParam('mobile', 'true');
        } else {
            updateUrlParam('mobile', null);
        }
    }
    
    // 使用防抖函数包装处理函数，设置300毫秒的延迟
    var debouncedHandleResize = debounce(handleResize, 300);
    
    // 绑定窗口大小变化事件
    $(window).resize(debouncedHandleResize);
    
    // 初始调用一次
    handleResize();
});

function handleResize() {
    var windowWidth = $(window).width();
    var windowHeight = $(window).height();
    
    updateUrlParam('width', windowWidth);
    updateUrlParam('height', windowHeight);
    
    if (windowWidth < 768) {
        updateUrlParam('layout', 'mobile');
    } else if (windowWidth < 1024) {
        updateUrlParam('layout', 'tablet');
    } else {
        updateUrlParam('layout', 'desktop');
    }
}

function applyUrlParams() {
    var urlObj = new URL(window.location.href);
    var params = new URLSearchParams(urlObj.search);
    
    if (params.has('mobile') && params.get('mobile') === 'true') {
        // 应用移动端样式或逻辑
        $('body').addClass('mobile-view');
    }
}

// 在文档加载完成后调用
$(document).ready(applyUrlParams);