目录
效果图
将下面的样式表外链加入到header.php的head部分，当然也可通过主题设置界面添加
UA图标我放在底部。需要的自取。
这里建议大伙把css中的图片下载到本地，下面CSS代码的图片已经失效，自己修改即可。
.ua-icon {
display: inline-block;
width: 1pc;
height: 1pc;
background-size: cover;
background-repeat: no-repeat;
vertical-align: text-top
}
.icon-360 {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/360.png)
}
.icon-android {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/android.png);
height: 19px
}
.icon-apple {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/apple.png)
}
.icon-baidu {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/baidu.png)
}
.icon-chrome {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/chrome.png)
}
.icon-edge {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/edge.png)
}
.icon-firefox {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/firefox.png)
}
.icon-google {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/google.png)
}
.icon-ie {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/ie.png)
}
.icon-liebao {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/liebao.png)
}
.icon-linux {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/linux.png)
}
.icon-mac {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/mac.png)
}
.icon-opera {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/opera.png)
}
.icon-qq {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/qq.png)
}
.icon-quark {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/quark.png)
}
.icon-safari {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/safari.png)
}
.icon-ubuntu {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/ubuntu.png)
}
.icon-uc {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/uc.png)
}
.icon-win1 {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/win1.png)
}
.icon-win2 {
background-image: url(https://cdn.zz2zz.com:4433/usr/uploads/2019/03/win2.png)
}将以下代码加入到function.php
// 获取浏览器信息
function getBrowser($agent)
{
if (preg_match('/MSIE\s([^\s|;]+)/i', $agent, $regs)) {
$outputer = '<i class="ua-icon icon-ie"></i> Internet Explore';
} else if (preg_match('/FireFox\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Firefox/', $regs[0]);
$FireFox_vern = explode('.', $str1[1]);
$outputer = '<i class="ua-icon icon-firefox"></i> FireFox';
} else if (preg_match('/Maxthon([\d]*)\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Maxthon/', $agent);
$Maxthon_vern = explode('.', $str1[1]);
$outputer = '<i class="ua-icon icon-edge"></i> MicroSoft Edge';
} else if (preg_match('#360([a-zA-Z0-9.]+)#i', $agent, $regs)) {
$outputer = '<i class="ua-icon icon-360"></i> 360极速浏览器';
} else if (preg_match('/Edge([\d]*)\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Edge/', $regs[0]);
$Edge_vern = explode('.', $str1[1]);
$outputer = '<i class="ua-icon icon-edge"></i> MicroSoft Edge';
} else if (preg_match('/UC/i', $agent)) {
$str1 = explode('rowser/', $agent);
$UCBrowser_vern = explode('.', $str1[1]);
$outputer = '<i class="ua-icon icon-uc"></i> UC浏览器';
} else if (preg_match('/QQ/i', $agent, $regs)||preg_match('/QQBrowser\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('rowser/', $agent);
$QQ_vern = explode('.', $str1[1]);
$outputer = '<i class= "ua-icon icon-qq"></i> QQ浏览器';
} else if (preg_match('/UBrowser/i', $agent, $regs)) {
$str1 = explode('rowser/', $agent);
$UCBrowser_vern = explode('.', $str1[1]);
$outputer = '<i class="ua-icon icon-uc"></i> UC浏览器';
} else if (preg_match('/Opera[\s|\/]([^\s]+)/i', $agent, $regs)) {
$outputer = '<i class= "ua-icon icon-opera"></i> Opera';
} else if (preg_match('/Chrome([\d]*)\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Chrome/', $agent);
$chrome_vern = explode('.', $str1[1]);
$outputer = '<i class="ua-icon icon-chrome"></i> Google Chrome';
} else if (preg_match('/safari\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Version/', $agent);
$safari_vern = explode('.', $str1[1]);
$outputer = '<i class="ua-icon icon-safari"></i> Safari';
} else{
$outputer = '<i class="ua-icon icon-chrome"></i> Google Chrome';
}
echo $outputer;
}
// 获取操作系统信息
function getOs($agent)
{
$os = false;
if (preg_match('/win/i', $agent)) {
if (preg_match('/nt 6.0/i', $agent)) {
$os = ' <i class= "ua-icon icon-win1"></i> Windows Vista / ';
} else if (preg_match('/nt 6.1/i', $agent)) {
$os = ' <i class= "ua-icon icon-win1"></i> Windows 7 / ';
} else if (preg_match('/nt 6.2/i', $agent)) {
$os = ' <i class="ua-icon icon-win2"></i> Windows 8 / ';
} else if(preg_match('/nt 6.3/i', $agent)) {
$os = ' <i class= "ua-icon icon-win2"></i> Windows 8.1 / ';
} else if(preg_match('/nt 5.1/i', $agent)) {
$os = ' <i class="ua-icon icon-win1"></i> Windows XP / ';
} else if (preg_match('/nt 10.0/i', $agent)) {
$os = ' <i class="ua-icon icon-win2"></i> Windows 10 / ';
} else{
$os = ' <i class="ua-icon icon-win2"></i> Windows X64 / ';
}
} else if (preg_match('/android/i', $agent)) {
if (preg_match('/android 9/i', $agent)) {
$os = ' <i class="ua-icon icon-android"></i> Android Pie / ';
}
else if (preg_match('/android 8/i', $agent)) {
$os = ' <i class="ua-icon icon-android"></i> Android Oreo / ';
}
else{
$os = ' <i class="ua-icon icon-android"></i> Android / ';
}
}
else if (preg_match('/ubuntu/i', $agent)) {
$os = ' <i class="ua-icon icon-ubuntu"></i> Ubuntu / ';
} else if (preg_match('/linux/i', $agent)) {
$os = ' <i class= "ua-icon icon-linux"></i> Linux / ';
} else if (preg_match('/iPhone/i', $agent)) {
$os = ' <i class="ua-icon icon-apple"></i> iPhone / ';
} else if (preg_match('/mac/i', $agent)) {
$os = ' <i class="ua-icon icon-mac"></i> MacOS / ';
}else if (preg_match('/fusion/i', $agent)) {
$os = ' <i class="ua-icon icon-android"></i> Android / ';
} else {
$os = ' <i class="ua-icon icon-linux"></i> Linux / ';
}
echo $os;
}
将以下代码添加到comments.php中122行所在的div中
<span class="comment-ua">
<?php getOs($this->agent); ?>
<?php getBrowser($this->agent); ?>
</span>
这里注意一下$this
原本代码中的$this是$comments
如果修改完都显示 Linux 的话，需要将上面的 $comments 替换成 $this 即可，注意代码缩进
修改完后刷新浏览器缓存，现在你的评论 UA 已经变得很漂亮啦！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
