1. wap网页源码学什么能看懂
其实代码很简单的,就是首先
<wml></wml>组成一个WAP框架。
<meta http-equiv="Cache-Control" content="max-age=0" /> 表示一些页面设置。
<card id="bug" title="阅读帖子"> 因为wap是手机访问的,一屏幕文字,被称为一个卡片,设置的卡片标题。
<p> </p> 正文内容
<a href=""">※界面</a> 表示超链接。
--------------------------
下面为常用的WML模板代码:
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="Main" title="WAP代码实例">
<p align="center">
<b>中 国 被 爱 可 以 在 线</b>
</p>
<p align="left">
『中国被爱可以在线』专注于WAP领域(WAP开发、软件、网站、企业行业应用等),欢迎社会各界人士与我们携手共进,共创WAP
辉煌!
</p>
<p align="center">
<br/>
<small>www.bicyle.org</small>
</p>
</card>
</wml>
WML框架模板代码(*.wml)
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="FirstCard" title="wap.bicyle.org">
<p align="center">
请在这里书写正文。<br/>
<a href="http://wap.bicyle.org">欢迎访问中国被爱可以在线</a>
</p>
</card>
</wml>
ASP+WML框架(*.asp)
<%Response.ContentType="text/vnd.wap.wml"%>
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="FirstCard" title="wap.bicyle.org">
<p align="center">
欢迎光临<br/>
<a href="http://wap.bicyle.org">中国被爱可以在线</a><br/>
<%=Date()%>
</p>
</card>
</wml>
ASP+XHTML框架(*.asp)
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>中国被爱可以在线</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
</head>
<body>
</body>
</html>
ASPX+WML框架(*.aspx)
<%@ Page Language="vb" AutoEventWireup="false"%>
<%Response.ContentType="text/vnd.wap.wml"%>
<script language="VB" runat="server">
Function Add(Byval a as integer,Byval b as integer) as integer
Return a+b
End Function
</script>
<?xml version="1.0" encoding="Utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapfourm.org/DTD/wml_1.1.xml">
<wml>
<head>
<meta http-equiv="Cache-Control" content="max-age=300" forua="true"/>
</head>
<card id="Bike-bicyle" title="被爱可以" newcontext="false">
<p align="left">
<!--(^O^)以下为文件的正文######################## -->
中国被爱可以在线专注于WAP领域、WAP软件、网页、企业行业应用等。 <br/>
<a title="确定" href="http://wap.bicyle.org">中国被爱可以在线</a><br/>
1981+1982=
<%=Add(1981,1982)%>
<br/>
<!--(^O^)以下为返回链接的一些信息################-->
<a title="确定" href="Index.asp">返回上级</a><br/>
</p>
</card>
</wml>
2. 手机浏览web网页的时候,自动跳转到对应的wap网页,求代码
|使用以下JS函数:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
function uaredirect(f) {
try {
if (document.getElementById("bdmark") != null) {
return
}
var b = false;
if (arguments[1]) {
var e = window.location.host;
var a = window.location.href;
if (isSubdomain(arguments[1], e) == 1) {
f = f + "/#m/" + a;
b = true
} else {
if (isSubdomain(arguments[1], e) == 2) {
f = f + "/#m/" + a;
b = true
} else {
f = a;
b = false
}
}
} else {
b = true
}
if (b) {
var c = window.location.hash;
if (!c.match("fromapp")) {
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|SymbianOS)/i))) {
location.replace(f)
}
}
}
} catch(d) {}
}
function isSubdomain(c, d) {
this.getdomain = function(f) {
var e = f.indexOf("://");
if (e > 0) {
var h = f.substr(e + 3)
} else {
var h = f
}
var g = /^www\./;
if (g.test(h)) {
h = h.substr(4)
}
return h
};
if (c == d) {
return 1
} else {
var c = this.getdomain(c);
var b = this.getdomain(d);
if (c == b) {
return 1
} else {
c = c.replace(".", "\\.");
var a = new RegExp("\\." + c + "$");
if (b.match(a)) {
return 2
} else {
return 0
}
}
}
};
调用方式:
<SCRIPT type=text/javascript>uaredirect("手机站","WEB站");</SCRIPT>
另外,现在分别为PC和WAP开发两个网站的做法已经不再提倡了
推荐使用响应式框架如Bootstrap等,做一个网站,同时兼容PC端和<a href="https://www..com/s?wd=%E7%A7%BB%E5%8A%A8%E7%AB%AF&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-" target="_blank" class="-highlight">移动端</a>
成本更低