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>
成本更低