如何设计手机版网页（如何设计手机版网页链接）

25-01-29 21

本文将介绍如何设计手机版网页的详细情况，特别是关于如何设计手机版网页链接的相关信息。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主题，同时也将涉及一些关于#翻译#如何开始设计手机应用

本文将介绍如何设计手机版网页的详细情况，特别是关于如何设计手机版网页链接的相关信息。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主题，同时也将涉及一些关于#翻译# 如何开始设计手机应用、DeDeCMS织梦手机版网站首页如何更新、Discuz电脑访问手机版网址自动跳转到电脑版网址教程、JS判断移动设备最佳方法并实现跳转至手机版网页的知识。

本文目录一览：

如何设计手机版网页（如何设计手机版网页链接）
#翻译# 如何开始设计手机应用
DeDeCMS织梦手机版网站首页如何更新
Discuz电脑访问手机版网址自动跳转到电脑版网址教程
JS判断移动设备最佳方法并实现跳转至手机版网页

如何设计手机版网页（如何设计手机版网页链接）

如何设计手机版网页：

　　一、与电脑共用同一套网页

　　如果您是第一次架设新网站，您可以提出要求，希望网站建设公司制作出的电脑屏幕用的网站不经调整或修改，是可以给一般手机屏幕来浏览的，前提是网站本身的元素要够简单、版面不能太复杂，不制做任何flash效果。

　　二、制作手机专用网页

　　如果您已经有电脑屏幕用的网站，您可以请网站建设公司帮您设计规划另一版手机专用网站，并在网页上加入手机版本与电脑版本的连结，让浏览者可以自由选择格式。

　　三、开发双平台(手机与电脑)网站

　　双平台版网站就是能同时给电脑和手机使用的网站，跟上述的「与电脑共用」并不一样，与电脑共用的是将电脑版网站的选单项目都做得是适合从手机来浏览的，而双平台版网站则是网站内容相同，但是它会根据屏幕大小来呈现版面。

#翻译# 如何开始设计手机应用

手机应用设计是一个设计领域，它从几年前开始发展和进化。在2008年，随着IPhone和App Store的发布，就有了较好的手机硬件和生态系统，手机应用的开发开始变成一个更加引人有趣的市场。随着越来越多的手机应用开发，为了在开发强大的应用的同时给用户一个好的体验，这些应用的设计变得日益重要。

DeDeCMS织梦手机版网站首页如何更新

dedecms织梦手机版网站首页如何更新？

织梦网站更新包含PC端更新和手机端更新，两个更新方法不一样。

对于织梦老站长来说，都知道PC端的首页如何更新，但手机版的更新有点不一样，这里重点介绍一下，其实非常简单

手机版首页更新操作

需要修改模板路径，如图所示，修改后，点击更新主页HTML

这样，大功造成了，可以生成手机版首页

如果觉得这样改每次都比较麻烦，有两种方法，

第一，自己修改的方法，简单不产生多余的东西，本来小贱君要做个小插件包的，咳，咳，懒了点，还是修改一下吧。

第二，网络大神开发的插件包，可以所有手机版页面都生成静态，功能强大，有需要的可以看一下《织梦DeDeCMS手机静态页生成插件》

重新介绍一下的修改方法：

1、打开 /dede/inc/inc_menu.php

找到约143行：下面插入蓝色代码

<m:item name=&#39;更新主页HTML&#39; link=&#39;makehtml_homepage.php&#39; rank=&#39;sys_MakeHtml&#39; target=&#39;main&#39; />
<m:item name=&#39;更新手机主页HTML&#39; link=&#39;makehtml_homepage_m.php&#39; rank=&#39;sys_MakeHtml&#39; target=&#39;main&#39; />
<m:item name=&#39;更新栏目HTML&#39; link=&#39;makehtml_list.php&#39; rank=&#39;sys_MakeHtml&#39; target=&#39;main&#39; />

登录后复制

2、找开 /dede/ 文件夹找到 makehtml_homepage.php 文件复制一份改名：makehtml_homepage_m.php

打开新增的文件：makehtml_homepage_m.php 找到 77 行

3、找到 /dede/templets 文件夹找到 makehtml_homepage.htm文件复制一份改名：makehtml_homepage_m.htm

打开新增的文件：makehtml_homepage_m.htm 找到 36 和 48 行修改他们的 value=‘’ 值也就是他们的路径地址

修改后：

36行是手机版首页模版路径修改后

48行是手机版首页生成位置修改后

还没完，，，再到的 69 行和 71行

原来

<input name="saveset" type="radio" value="0">

登录后复制

不保存当前选项

<input name="saveset" type="radio"value="1" checked>

登录后复制

保存当前选项

修改后：

<input name="saveset" type="radio" value="0"checked>

登录后复制

不保存当前选项

<input name="saveset" type="radio"value="1">

登录后复制

保存当前选项

就是把 checked 属性移到上面去

4、把这三个文件上传到相应该目录上，，试试看

推荐学习：织梦cms

以上就是DeDeCMS织梦手机版网站首页如何更新的详细内容，更多请关注php中文网其它相关文章！

Discuz电脑访问手机版网址自动跳转到电脑版网址教程

用discuz!论坛访问手机版本的网址不会自动跳转到电脑版网址，而是会跳转到http://域名/misc.PHP?mod=mobile，这样体验很不好。现提供修改方法：打开论坛根目录找到文件./source/class/discuz/discuz_application.PHP 第755行 dheader(Location:misc.PHP?mod=mobile); 删除或者注释都可以，保存上传即可。注释方法： //dheader(Location:misc.PHP?mod=mobile);

JS判断移动设备最佳方法并实现跳转至手机版网页

济南恒软信息技术有限公司（http://www.heng-soft.com)

我在开发的Magento或Wordpress主题时，通过都会制作手机版本，为了实现某个片段在手机端和桌面端不同功能，又或者如果是手机设备，就跳转到指定的网页上，那么这里就需要用到JS来做判断了，下面有一个简单的检测方法，经试验是可行的。

JS判断移动设备并跳转至手机版网页方法一：纯JS判断

使用这方法既简单，又实用，不需要引入jQuery库，把以下代码加入到<head>里即可。

<script type=”text/javascript”>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
window.location = “mobile.html”; //可以换成http地址
}
</script>

方法二：使用 Device.Js 库

device.js 是一个用于检查设备用的插件，使用它你可以很方便的判断设备的操作系统，以及设备是纵向还是横向。

首先，我们下载Device.js

下载地址：https://github.com/matthewhudson/device.js STEP 1: 引入 JS 文件

<script src=”device.min.js”></script>

STEP 2: 加入判断代码

<script type=”text/javascript”>
if(device.mobile()){
window.location = “shouji.html”;  //可以换成http地址
}
</script>

Device.js 方法有很多，若你想实现对某个设备的判断，要以根据以下代码来替换device.mobile()。

以上两种方法判断手机端都是很实用的，由其是电脑版网页和手机版网页分别用不同的网站域名时，使用该方法可以免去用户记2个域名烦恼！

参考阅读： http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-mobile-device-in-jquery

今天的关于如何设计手机版网页和如何设计手机版网页链接的分享已经结束，谢谢您的关注，如果想了解更多关于#翻译# 如何开始设计手机应用、DeDeCMS织梦手机版网站首页如何更新、Discuz电脑访问手机版网址自动跳转到电脑版网址教程、JS判断移动设备最佳方法并实现跳转至手机版网页的相关知识，请在本站进行查询。

本文标签：