23、使用 Themeroller 自定义 jQuery Mobile 主题及检测移动设备

使用 Themeroller 自定义 jQuery Mobile 主题及检测移动设备

1. jQuery Mobile ThemeRoller 简介

jQuery Mobile ThemeRoller 是一个强大的工具，可让开发者轻松创建自定义主题。通过它，我们可以使用调色板将颜色拖放到色板上以更改样式，还能借助检查器工具精确确定需要编辑的元素和属性，从而实现所需的定制效果。

2. 创建自定义主题

• 添加色板 ：在默认的三个色板基础上，点击 C 色板标签旁边的 + 标签，会出现一个 D 标签。可以持续这样操作，直到拥有从 A 到 Z 的色板。
• 保存色板 ：完成主题制作后，就可以保存色板并开始使用。

3. 处理自定义主题

3.1 下载主题

ThemeRoller 使下载和立即使用主题变得简单。在 ThemeRoller 主页面的左上角有一个“Download Theme”链接，点击该链接会弹出一个模态窗口，要求为主题命名，并提供了将主题包含到 jQuery Mobile 页面的简要说明。命名主题后，点击“Download Zip”按钮即可开始下载主题。
下载的 zip 文件包含一个 index.html 文件和一个 themes 文件夹。index.html 文件展示了主题的外观示例，并提供了将主题包含到页面的说明。themes 文件夹中有两个 CSS 文件，文件名是下载主题时所命名的。其中一个是未压缩的完整版本，另一个是压缩或缩小版本。建议在生产环境中使用缩小版本，同时保留未