21、创建移动Web应用的全面指南

创建移动Web应用的全面指南

1. 版本偏好检查

checkForVersionPreference 函数会利用视图模型的值来判断用户是否使用移动设备。若使用移动设备，它会尝试从本地存储或 cookie 中恢复之前的选择结果。由于处理 cookie 较为麻烦，因此添加了 getCookie 函数，用于按名称查找 cookie 并返回其值。若没有存储的值，则引导用户访问 askmobile.html 文档以获取其偏好；若存在存储的值，且用户偏好移动版本，则切换到移动版本。以下是将 checkForVersionPreference 函数调用集成到包含桌面版 Web 应用的 example.html 中的代码示例：

detectDeviceFeatures(function(deviceConfig) {
    cheeseModel.device = deviceConfig;
    checkForVersionPreference();

    $.getJSON("products.json", function(data) {
        cheeseModel.products = data;
    }).success(function() {
        $(document).ready(function() {
            // 为简洁起见，部分代码已移除
        });
    });
});