html判断终端类型,Typecho 判断终端设备访客系统和浏览器版本的各种函数记录 - 资本家...

最新推荐文章于 2021-07-05 16:25:17 发布
最新推荐文章于 2021-07-05 16:25:17 发布
阅读量296 收藏
点赞数
文章标签： html判断终端类型

著作权归作者所有。

商业转载请联系作者获得授权，非商业转载请注明出处。

作者：罗格

链接：https://www.moidea.info/archives/typecho-function-for-mobile-device.html

来源：https://www.moidea.info/

在我们写 Typecho 主题时有时候为了达到某种个性化要求，可能需要让主题在手机端和电脑端显示不同的样式，这就需要函数来判断访客当前的访问设备为PC还是手机还是PAD，来输出不同的内容，判断移动设备的依据和原理就是通过获取设备的 Agent 来判断，但是考虑到手机品牌没有统一 Agent 规则，不同品牌有不同的 Agent 所以该方法有点蠢，不过我们只需要匹配大部分热门品牌即可，当然也可以通过访客访问的协议判断，但是该方法准确度比较差，所以博主就把这些函数归类到一起作为判断条件，下面给出博主自己一直在用的判断函数：

// 移动端设备判断函数

function isMobile()

{

// 如果有HTTP_X_WAP_PROFILE则一定是移动设备

if (isset ($_SERVER['HTTP_X_WAP_PROFILE']))

{

return true;

}

// 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息

if (isset ($_SERVER['HTTP_VIA']))

{

// 找不到为flase,否则为true

return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false;

}

// 脑残法，判断手机发送的客户端标志,兼容性有待提高

if (isset ($_SERVER['HTTP_USER_AGENT']))

{

$clientkeywords = array ('nokia','sony', 'ericsson','mot','samsung','htc','sgh','lg','sharp','sie-','philips','panasonic','alcatel','lenovo','iphone','ipod','blackberry','meizu','android','netfront','symbian','ucweb','windowsce','palm','operamini','operamobi','openwave','nexusone','cldc','midp','wap','mobile');

// 从HTTP_USER_AGENT中查找手机浏览器的关键字

if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT'])))

{

return true;

}

}

// 协议法，因为有可能不准确，放到最后判断

if (isset ($_SERVER['HTTP_ACCEPT']))

{

// 如果只支持wml并且不支持html那一定是移动设备

// 如果支持wml和html但是wml在html之前则是移动设备

if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !==== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') ===== false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html'))))

{

return true;

}

}

return false;

}

上面的使用方法也好很简单，只需要在主题中我们需要调用判断的地方使用下面语句即可：

// 这里是手机端的一些配置

// 这里是非手机端的一些配置

当然通常我们可能还会用到一些函数，比如判断客户端是具体是什么设备，就需要使用下面的函数了：

如果我们需要在主题中判断访客安卓还是苹果来显示不同的广告就需要下面这个函数来进行操作，代码如下:

前端通过该函数返回值来判断是IOS系统还是Android系统做内容输出即可。

我以为以上函数已经够用了，结果最近又碰到了奇葩的需求，判断操作系统的类型，相信很多同学可能在有些博主的评论处会看到评论者的操作系统和浏览器版本，那么这个是怎么做出来的呢，其实方法和上面一样，很简单就是简单的if判断，下面给出判断操作系统的函数和判断浏览器的函数：

/**

取得客户操作名称版本

@access private

@return void

*/

function get_os()

{

$agent = $_SERVER['HTTP_USER_AGENT'];

$os = false;

if (eregi('win', $agent) && strpos($agent, '95'))

{

$os = 'Windows 95';

}

else if (eregi('win 9x', $agent) && strpos($agent, '4.90'))

{

$os = 'Windows ME';

}

else if (eregi('win', $agent) && ereg('98', $agent))

{

$os = 'Windows 98';

}

else if (eregi('win', $agent) && eregi('nt 6.0', $agent))

{

$os = 'Windows Vista';

}

else if (eregi('win', $agent) && eregi('nt 6.1', $agent))

{

$os = 'Windows 7';

}

else if (eregi('win', $agent) && eregi('nt 5.1', $agent))

{

$os = 'Windows XP';

}

else if (eregi('win', $agent) && eregi('nt 5', $agent))

{

$os = 'Windows 2000';

}

else if (eregi('win', $agent) && eregi('nt', $agent))

{

$os = 'Windows NT';

}

else if (eregi('win', $agent) && ereg('32', $agent))

{

$os = 'Windows 32';

}

else if (eregi('linux', $agent))

{

$os = 'Linux';

}

else if (eregi('unix', $agent))

{

$os = 'Unix';

}

else if (eregi('sun', $agent) && eregi('os', $agent))

{

$os = 'SunOS';

}

else if (eregi('ibm', $agent) && eregi('os', $agent))

{

$os = 'IBM OS/2';

}

else if (eregi('Mac', $agent) && eregi('PC', $agent))

{

$os = 'Macintosh';

}

else if (eregi('PowerPC', $agent))

{

$os = 'PowerPC';

}

else if (eregi('AIX', $agent))

{

$os = 'AIX';

}

else if (eregi('HPUX', $agent))

{

$os = 'HPUX';

}

else if (eregi('NetBSD', $agent))

{

$os = 'NetBSD';

}

else if (eregi('BSD', $agent))

{

$os = 'BSD';

}

else if (ereg('OSF1', $agent))

{

$os = 'OSF1';

}

else if (ereg('IRIX', $agent))

{

$os = 'IRIX';

}

else if (eregi('FreeBSD', $agent))

{

$os = 'FreeBSD';

}

else if (eregi('teleport', $agent))

{

$os = 'teleport';

}

else if (eregi('flashget', $agent))

{

$os = 'flashget';

}

else if (eregi('webzip', $agent))

{

$os = 'webzip';

}

else if (eregi('offline', $agent))

{

$os = 'offline';

}

else

{

$os = 'Unknown';

}

return $os;

}

下面函数为判断用户的浏览器名称和版本：

/**

取得阅读器名称和版本

@access public

@return string

*/

function getbrowser()

{

global $_SERVER;

$agent = $_SERVER['HTTP_USER_AGENT'];

$browser = '';

$browser_ver = '';

if (preg_match('/OmniWeb/(v*)([^\s|;]+)/i', $agent, $regs))

{

$browser = 'OmniWeb';

$browser_ver = $regs[2];

}

if (preg_match('/Netscape([\d]*)/([^\s]+)/i', $agent, $regs))

{

$browser = 'Netscape';

$browser_ver = $regs[2];

}

if (preg_match('/safari/([^\s]+)/i', $agent, $regs))

{

$browser = 'Safari';

$browser_ver = $regs[1];

}

if (preg_match('/MSIE\s([^\s|;]+)/i', $agent, $regs))

{

$browser = 'Internet Explorer';

$browser_ver = $regs[1];

}

if (preg_match('/Opera[\s|/]([^\s]+)/i', $agent, $regs))

{

$browser = 'Opera';

$browser_ver = $regs[1];

}

if (preg_match('/NetCaptor\s([^\s|;]+)/i', $agent, $regs))

{

$browser = '(Internet Explorer ' .$browser_ver. ') NetCaptor';

$browser_ver = $regs[1];

}

if (preg_match('/Maxthon/i', $agent, $regs))

{

$browser = '(Internet Explorer ' .$browser_ver. ') Maxthon';

$browser_ver = '';

}

if (preg_match('/FireFox/([^\s]+)/i', $agent, $regs))

{

$browser = 'FireFox';

$browser_ver = $regs[1];

}

if (preg_match('/Lynx/([^\s]+)/i', $agent, $regs))

{

$browser = 'Lynx';

$browser_ver = $regs[1];

}

if ($browser != '')

{

return $browser.' '.$browser_ver;

}

else

{

return 'Unknow browser';

}

}

以上两个函数的使用方法如下：

2018年05月10日增加另外一个用 PHP 判断是否为微信浏览器访问的函数，这是一个奇葩的需求，但是可能大家也会用到，所以也贴出函数：

function is_weixin(){

if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) {

return true;

}

return false;

}

同时感谢网友提供判断平台详细类型的PHP开源库 Mobile-Detect ，大家可以直接去 Github 上关注，当然最好也能给我的 Github 点个关注，我的 Gtihub 地址：https://github.com/Moidea

这个开源库的使用很简单，只要下载下来放在你的相应目录下，如果是 Typecho 就放在主题目录下并在 header.php 里通过 $this->need('Mobile_Detect.php'); 引用即可，使用方法如下：

//初始化Mobile_Detect对象

$detect = new Mobile_Detect;

//属于可移动终端

if($detect->isMobile()) {

echo 'mobile';

}

//所有平板设备

if( $detect->isTablet()) {

}

//是移动但非平板设备

if( $detect->isMobile() && !$detect->isTablet()) {

}

//IOS系统

if( $detect->isiOS()) {

}

//Android系统

if( $detect->isAndroidOS()) {

}

//WindowsPhone系统

if( $detect->isWindowsPhoneOS()) {

}

另外，本文虽然是为 Typecho 判断设备写的，但是不论 Wordpress/Zblog/Emlog 还是其它系统，只要是基于 PHP 的系统都可以拿来使用。

G-limo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5 判断是什么设备
milijiangjun的博客
09-07 752
我们会用到html5 判断当前是什么设备 移动的环视pc 的下面代码可以判断 <script type="text/javascript"> $(function(){ var system = { win: false, mac: false, xll: false, ipad:false }; //检测平台 var p = navigator.platf
html判断终端类型,js 不同浏览器的类型判断 navigator.userAgent
weixin_30604459的博客
06-11 540
一、通过navigator.userAgent来进行浏览器类型判断//判断浏览器内核、手机系统等，使用 browser.userAgent.mobilevar browser ={userAgent:function() {var ua =navigator.userAgent;var ualower =navigator.userAgent.toLocaleLowerCase();return{...
html+判断设备类型,根据userAgent值的特性判断客户端设备及浏览器类型
weixin_39781143的博客
06-18 632
前文《Web开发兼容性系列文章(一)：不一样设备浏览器的userAgent值大全》罗列了经常使用电脑浏览器及智能手机浏览器的userAgent值html这里对浏览器各自的userAgent特色作一分析，并给出判断方法：linuxWindows操做系统浏览器系列：androidIE浏览器系列：特征表现：均以 "mozilla/" 开头，"msie x.0;" 中的x表示其版本；判断方法：粗略判断能够...
html自动识别设备类型,javascript如何识别设备是安卓还是ios？
weixin_35870524的博客
05-31 447
使用移动端上网已经是常态，移动端也分很多不同的系统，比如android 和 ios，实际应用中，可能需要根据不同的系统进行不同的操作，JavaScript如何识别设备是安卓还是ios。JavaScript判断设备是安卓还是ios的方法如下：通过判断浏览器的userAgent，用正则来判断是否是ios和Android客户端。代码如下：var u = navigator.userAgent;var i...
响应html广告区分手机pc,typecho博客判断电脑PC和手机WAP端进行广告展示
weixin_33842969的博客
07-01 349
特别声明：本文为原创，可自由转载、引用，但需署名作者且注明文章出处，如有侵权请联系！上一篇文章详细介绍了个人网站typecho博客申请添加投放百度联盟广告的具体步骤https://www.zyglz.com/index.php/archives/132.html,但是typecho个人博客没有对访问设备进行判断，造成手机端浏览网页时展示的是电脑端的广告，造成网页展示出错，页面错位。目前就需要对浏览...
typecho-1.1-15.5.12-beta.zip
03-17
本文将详细探讨“typecho-1.1-15.5.12-beta.zip”压缩包中的Typecho 1.1版本至15.5.12 Beta版本中存在的反序列化漏洞，以帮助读者理解这一安全隐患及其可能的影响，并提供防范措施。 Typecho是一款开源的轻量级博客...
Typecho博客+Joe主题+插件 1.1-17.10.30-release.tar
05-19
Typecho博客+Joe主题+插件 1.1-17.10.30-release.tarTypecho博客+Joe主题+插件 1.1-17.10.30-release.tarTypecho博客+Joe主题+插件 1.1-17.10.30-release.tarTypecho博客+Joe主题+插件 1.1-17.10.30-release....
typecho1.1-17.10.30-release.tar
01-18
typecho官方的最新版的一键搭建模板，只需要PHP+MYSQL环境即可搭建完成。
docker-typecho:Typecho (typecho.org) 博客系统的 Docker 镜像
05-31
码头工人类型Typecho (typo.org) 博客系统的 Docker 镜像
博客空间Typecho 0.6 正式版-typecho-codepub.rar
最新发布
04-09
【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、...
js判断当前设备类型
XM_12345的博客
04-28 1580
js判断当前设备类型 let I = navigator.userAgent; let isiPad = (I.match(/(iPad).*OS\s([\d_]+)/)) ? true : false; let isiPhone = (!isiPad && I.match(/(iPhone\sOS)\s([\d_]+)/)) ? true : false; let isMac =...
使用JS判断移动设备的终端类型（浏览器UserAgent）
QTFYING的博客
12-01 8558
JavaScript 是如何判断移动设备的类型呢？答案是：User Agent。什么是 User Agent？懂一点网页制作的人应该都明白。简单的说，User Agent 就是用来识别浏览器名称、版本、引擎以及操作系统等信息的内容。 User Agent 的判断是识别浏览器的关键，不仅仅如此，移动互联网开发势头迅猛，通过 User Agent 判断桌面端设备或移动设备就变的很为重要。当然，通过
html 判断系统,js如何判断不同的操作系统
weixin_31674039的博客
07-05 507
判断操作系统function detectOS() {var sUserAgent = navigator.userAgent;var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");var isMac = (navigator.platform == "Mac68K") || (naviga...
html模拟终端,DomTerm：一款为Linux打造的终端模拟器
weixin_34081553的博客
06-08 1054
了解一下 DomTerm，这是一款终端模拟器和复用器，带有 HTML 图形和其它不多见的功能。DomTerm 是一款现代化的终端模拟器，它使用浏览器引擎作为 “GUI 工具包”。这就支持了一些相关的特性，例如可嵌入图像和链接、HTML 富文本以及可折叠(显示/隐藏)命令。除此以外，它看起来感觉就像一个功能完整、独立的终端模拟器，有着出色 xterm 兼容性(包括鼠标处理和 24 位色)和恰当...
h5+ 管理设备信息
weixin_33849942的博客
07-27 1127
Device模块管理设备信息，用于获取手机设备的相关信息，如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。 1、属性 1.1、imei: 设备的国际移动设备身份码，调用此属性获取设备的国际移动设备身份码。 如果设备不支持则返回空字符串。 平台支持：Android- 2.2+ (支持)，iOS- 4.5+ (不支持):ios设备不支持获取imei值，返...
js如何判断用户使用的设备类型及平台
do what you like && brave
11-19 6701
　　前端开发经常遇到需要判断用户的浏览设备，是什么手机系统？android，ios，ipad，windows phone等等，有时候还需要知道用户浏览页面是在微信中打开还是在移动端浏览器中打开，等等一系列判断做一些相应的处理。 　　1，首先判断PC端还是移动端。 1 function IsPC() { 2 var userAgentInfo = navigator...
javascript判断浏览器和终端类型，js如何区分手机、电脑终端和浏览器
wyx100的专栏
09-25 1万+
javascript判断浏览器和终端类型，js如何区分手机、电脑终端和浏览器
仿响应式html:JS来判断页面是在手机端还是在PC端打开的方法
热门推荐
开心大表哥
12-08 2万+
我们想要的效果是pc文件和mobile文件统一入口，适配不同的设备。 先看看项目的目录： 在index.html里面配置js控制选择那一个文件夹下的文件就可以了。 我们要利用：Navigator 对象，Navigator 对象包含有关浏览器的信息。 index.html很简单，直接上码吧：<!DOCTYPE html> <html> <head> <meta ch
html页面如何获取设备型号,HbuilderX 获取手机型号、厂商、IMEI等信息
weixin_39619481的博客
06-03 3064
Device模块管理设备信息，用于获取手机设备的相关信息，如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。imei: 设备的国际移动设备身份码imsi: 设备的国际移动用户识别码model: 设备的型号vendor: 设备的生产厂商uuid: 设备的唯一标识html>DeviceExample//H5plus事件处理functiondedecmso...
docker-compose安装typecho
08-24
要在Docker中使用docker-compose安装Typecho，您可以按照以下步骤进行操作： 步骤1：创建一个新目录，并在其中创建一个名为`docker-compose.yml`的文件。 步骤2：在`docker-compose.yml`文件中添加以下内容： ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值