现在还有人搞WAP吗?别笑,真有人问。虽然现在的移动互联网早被HTML5和APP瓜分得差不多了,但在某些特定行业,比如早期的短信营销引流、特定的物联网设备终端、或者一些老旧系统的维护升级,WAP站依然是刚需。很多新人一上来就想着用最新的框架,结果连个WML标签都搞不明白,最后页面乱成一锅粥。今天咱们不整那些虚头巴脑的理论,直接上干货,聊聊怎么从零开始做一个能跑起来的WAP站。
首先得明确一点,WAP和现在的H5完全是两个世界。WAP的核心是WML(Wireless Markup Language),它比HTML4还要简陋得多。你现在的浏览器能解析复杂的CSS3动画,但WAP时代的WAP浏览器(比如早期的Opera Mini或Nokia自带的浏览器)连个margin属性都支持得磕磕绊绊。所以,做手机wap网站开发教程的第一步,就是放下你的傲慢,回到极简主义。
第一步,环境搭建。别去装什么复杂的IDE,记事本或者Sublime Text就够了。你需要准备一个支持WAP协议的服务器,或者至少能模拟WAP环境的测试机。现在找真机难,你可以用一些在线的WAP模拟器,或者在电脑上安装一个老版本的Opera浏览器,开启“移动模式”并模拟低带宽环境。这一步很关键,因为很多在PC上看着正常的布局,在WAP环境下会因为屏幕宽度只有240像素左右而彻底崩盘。
接下来是代码结构。WML页面通常以.wml为后缀,虽然现在很多也直接用.html,但为了兼容性,最好还是区分开。记住,WML是基于卡片(Card)的概念的。一个WML文档由多个Card组成,用户在一个页面里浏览时,其实是在不同的Card之间跳转。这跟现在的SPA(单页应用)有点像,但原理完全不同。每个Card里只能放有限的标签,比如