手机网站开发的经验总结
<meta name="viewport" content="width=device-width"/>
<?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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<title>版本控制</title>
<script type="text/javascript">
window.onload = function(){//检测是否支持jstry{//检测是否支持html5document.getElementById("c").getContext("2d");document.location = '支持html5版的链接';}catch(e){//否则跳到支持js版document.location = '支持js版';}
};
</script>
</head><body>
<canvas id='c'></canvas>
普通版
</body>
</html>
如果你仅仅想开发一个版本,只是判断一下是不是移动客户端,这里引用一段discuz! x2的代码
<?php
function checkmobile() {global $_G;$mobile = array();static $mobilebrowser_list =array('iphone', 'android', 'phone', 'mobile', 'wap', 'netfront', 'java', 'opera mobi', 'opera mini','ucweb', 'windows ce', 'symbian', 'series', 'webos', 'sony', 'blackberry', 'dopod', 'nokia', 'samsung','palmsource', 'xda', 'pieplus', 'meizu', 'midp', 'cldc', 'motorola', 'foma', 'docomo', 'up.browser','up.link', 'blazer', 'helio', 'hosin', 'huawei', 'novarra', 'coolpad', 'webos', 'techfaith', 'palmsource','alcatel', 'amoi', 'ktouch', 'nexian', 'ericsson', 'philips', 'sagem', 'wellcom', 'bunjalloo', 'maui', 'smartphone','iemobile', 'spice', 'bird', 'zte-', 'longcos', 'pantech', 'gionee', 'portalmmm', 'jig browser', 'hiptop','benq', 'haier', '^lct', '320x320', '240x320', '176x220');$useragent = strtolower($_SERVER['HTTP_USER_AGENT']);if(($v = dstrpos($useragent, $mobilebrowser_list, true))) {$_G['mobile'] = $v;return true;}$brower = array('mozilla', 'chrome', 'safari', 'opera', 'm3gate', 'winwap', 'openwave', 'myop');if(dstrpos($useragent, $brower)) return false;$_G['mobile'] = 'unknown';if($_GET['mobile'] === 'yes') {return true;} else {return false;}
}function dstrpos($string, &$arr, $returnvalue = false) {if(empty($string)) return false;foreach((array)$arr as $v) {if(strpos($string, $v) !== false) {$return = $returnvalue ? $v : true;return $return;}}return false;
}
var_dump(checkmobile());//如果是移动端返回true,否则false
转载于:https://my.oschina.net/u/231017/blog/79810
手机网站开发的经验总结相关推荐
- 手机网站开发必修课[1]:手机浏览器 本文来自:http://www.fool2fish.cn/?p=290
前言: 头大的是,除了自己公司已有的一些经验,网上恐怕没有过多的(公开的)文档可以参考. 09年上半年的工作重心全在手机网页开发上面,这使得自己某种程度上也成了拓荒者.现将这段时间的开发心得同大家分 ...
- Bootstrap手机网站开发案例
Bootstrap手机网站开发案例 一.总结 一句话总结:Bootstrap手机网站开发注意事项(3点):a.引入viewpoint声明,b.通过屏幕宽动态控制元素显隐 c.图片添加自适应 1.Boo ...
- 手机端适应_手机网站开发制作和电脑pc端有哪些区别
现在移动互联网的发展,现在很多企业做网站开发不仅是电脑端的网站,还包括了移动端网站的开发,移动端网站开发和pc端是有一定的区别,比如移动端的页面更小,移动端的打开和加载速度都远低于电脑端访问网站,其实 ...
- 微信 手机 网站 开发 签名 signature node (在更新中)
在进行微信手机网站开发时,第一座大山就是获取签名.下面是微信JS-SDK开发文档的内容,本文主要理清思路,开发起来,就很快了. wx.config({debug: true, // 开启调试模式,调用 ...
- 怎么开发手机网站手机网站开发手机网站建设
怎么开发手机网站手机网站开发教程 传统的互联网,一般都有PC版本的web页面,有些也有手机版的wap页面.手机网站是指用WML(无线标记语言)编写的专门用于手机浏览的网站,通常以文字信息和简单的图片信 ...
- 手机网站开发必修课[3]:前端开发总结
手机网站开发,有着许多不为人知的困难: 一是可参考的资料太少,大部分手机网站都处于起步阶段,很多的时候都是摸着石头过河,而鉴于淘宝自身的特殊性,也使得我们在参考成功案例之余,要做更多的思考: 二是兼容 ...
- 手机网站开发(WAP网站)第一篇
现在的互联网,可以说是名副其实的移动互联网.大家不仅可以利用无线网卡随处随地上网,还可以直接利用手机浏览网页.下载文件,而且现在的无线运营商也正在大力发展无线网络.扩展手机上网带宽. 于是,手机 ...
- HTML5移动端手机网站开发
手写手机网站 一般我们自己手动开发手机网站的话,基本可以划分两类来做到.一类是通过在网页头部添加meta标签进行实现(网页指html5的格式来开发).另一类是通过CSS3的Media标签(媒介查询)来 ...
- 手机网站开发相关介绍
随着无线网络技术的发展,手机上网的速度越来越快,手机的功能也越来越强大.今天就像大家介绍下手机网中的开发. 手机上网的特点 手机屏幕一般在240 * 320以上的称之为大屏幕手机 因为收的CPU频率 ...
最新文章
- event 和 window.event
- “ git commit”和“ git push”之间有什么区别?
- HTML 转 PDF 之 wkhtmltopdf
- scala python_Scala与Python | 哪种编程语言更好
- mysql dump 锁表_运行MySQLDump而不锁定表
- C语言和数据结构_1
- “总有一天你会知道,因工作和别人翻脸有多蠢。”这句话有没有道理?
- Truthman or Fakeman 并查集
- 关于 redis crackit 安全事件分析
- 自动驾驶7-3 自动驾驶汽车简介全面总结
- 深圳javascript培训:名师精品文章--JS有哪些变态语法系列
- html5移动页面自适应手机屏幕大小,移动页面自适应手机屏幕的方法
- 装机安装必备开发软件
- TMR 传感器的原理及应用
- 如何查出一个表中重复的名字
- Java后端工程师面试自我介绍
- 喝咖啡的好处和坏处及注意事项
- Django创建超级管理员用户步骤
- arm mali 天梯图_电视盒子CPU天梯图:原来这些处理器都在这个档位
- 三、非编码体细胞突变肿瘤基因组学 -- 突变暗物质(Analyses of non-coding somatic drivers in 2,658 cancer whole genomes)