dede手机访问域名如何正确设置？-DEDE建站-盈思创科技

移动域名跳转 (适用于独立手机站)

这种方法的核心是：当用户通过手机访问电脑版网站域名时，自动跳转到您设置的专门手机版域名,电脑端用户不受影响。

（图片来源网络，侵删）

工作原理： 通过在电脑版网站的首页模板 (index.htm) 中嵌入一段 JavaScript 代码，用于检测访问者的设备类型，如果是手机,则执行页面跳转。

设置步骤：

准备工作：
- 准备一个手机站： 您需要已经制作好一个适配手机屏幕的网站，并将其上传到服务器，m.yourdomain.com，这个手机站可以是一个独立的 DedeCMS 系统,也可以只是一个简化版的模板。
- 绑定域名： 在您的服务器控制面板（如 cPanel、宝塔面板等）中，将 m.yourdomain.com 这个域名绑定到手机站所在的网站目录。
修改电脑站首页模板：
- 登录您的 DedeCMS 后台。
- 进入 “模板” -> “默认模板管理”。
- 找到首页模板文件 index.htm，点击后面的 “修改” 按钮。
- 在模板代码的最顶部，<head> 标签内部，粘贴以下 JavaScript 代码。

粘贴代码： 将以下代码复制并粘贴到 index.htm 的 <head> 和 </head> 之间。

（图片来源网络，侵删）

<script>
function browserRedirect() {
    var sUserAgent = navigator.userAgent.toLowerCase();
    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
    var bIsAndroid = sUserAgent.match(/android/i) == "android";
    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        // 如果是手机访问，则跳转到手机站域名
        window.location.href = "http://m.yourdomain.com"; 
    }
}
browserRedirect();
</script>

重要： 请务必将代码中的 http://m.yourdomain.com 替换为您自己的手机站域名。

更新首页缓存：
- 保存模板后，返回 DedeCMS 后台。
- 进入 “生成” -> “更新主页HTML”。
- 点击 “更新主页HTML” 按钮，系统会重新生成首页文件,使新的跳转代码生效。
测试：
- 用手机浏览器访问您的电脑站域名 http://yourdomain.com，页面应该会自动跳转到 http://m.yourdomain.com。
- 用电脑浏览器访问同一个域名,页面应保持不变。

响应式模板 (推荐，更现代)

这是目前更流行和推荐的方法，它不需要跳转，而是使用一套模板，通过 CSS 和 JavaScript 技术自动适配不同尺寸的设备（手机、平板、电脑）。

（图片来源网络，侵删）

工作原理： 模板中包含“流式布局”（Fluid Grids）、“弹性图片”（Flexible Images）和“媒体查询”（Media Queries），根据设备的屏幕宽度，应用不同的 CSS 样式,从而实现同一套内容在不同设备上的完美展示。

设置步骤：

准备响应式模板：
- 购买或下载： 您可以从模板市场（如 Dedecms 模板网、Bootstrap 官方模板等）购买或下载一套已经制作好的响应式模板。
- 自行开发： 如果您有前端开发能力，可以在现有模板基础上，引入 Bootstrap、Foundation 等前端框架，并编写媒体查询,将其改造为响应式模板。
上传并替换模板：
- 将下载好的响应式模板文件（通常是 templets 文件夹下的内容）通过 FTP 上传到您网站的 templets/default/ 目录下,覆盖或替换原有的模板文件。
设置默认模板：
- 登录 DedeCMS 后台。
- 进入 “模板” -> “默认模板管理”。
- 在列表中，您会看到新模板里的文件，将首页、列表页、内容页等所有需要适配的模板,都设置为当前默认模板。
生成页面：
- 为了让所有页面都应用新模板,您需要重新生成网站。
- 进入 “生成” 菜单，依次选择 “更新主页HTML”、“更新栏目HTML”、“更新文档HTML”,将全站页面重新生成一遍。
测试：
- 访问您的网站，然后通过浏览器自带的“开发者工具”（通常按 F12 打开）切换不同的设备视图（如 iPhone, Android, iPad 等）,查看页面布局是否自动调整。
- 也可以直接用手机、平板、电脑等不同设备访问,检查显示效果。

两种方法对比总结

特性	移动域名跳转	响应式模板
原理	根据设备类型，自动跳转到不同域名。	使用同一套模板，通过CSS适配不同屏幕。
优点	手机站和电脑站完全独立，可以针对不同设备做深度优化。 SEO 可以明确区分 pc 和 m 页面。技术实现简单，只需修改一个文件。	用户体验好，无需跳转，URL 保持不变。维护成本低，只需维护一套模板和一套数据库。符合现代Web开发趋势，代码更规范。
缺点	维护成本高，需要维护两套网站（内容同步麻烦）。用户体验差，每次访问都要经历一次跳转。如果手机站做得不好，反而会损害品牌形象。	对前端技术要求较高，模板开发或修改更复杂。如果模板优化不当，可能在某些设备上显示不佳。对服务器性能要求稍高（需处理更多CSS/JS）。
适用场景	电脑站和手机站内容差异非常大。已经有现成的、成熟的手机站，不想改动。对SEO有特殊要求，需要明确区分移动和桌面URL。	绝大多数现代网站的首选方案。希望提供统一、流畅的用户体验。希望简化网站维护工作。

最终建议

对于新建网站或希望进行网站升级的项目，强烈推荐使用方法二：响应式模板，它是目前业界的主流标准,能提供更好的用户体验和更低的长期维护成本。

只有在您已经有了一个功能完善且内容独立的手机站，并且希望保持现状的情况下,才考虑使用方法一。

dede手机访问域名如何正确设置？

移动域名跳转 (适用于独立手机站)

设置步骤：

响应式模板 (推荐，更现代)

设置步骤：

两种方法对比总结

最终建议

相关文章

目录[+]