Vv

VApril 16, 2020

Typecho 博客评论显示 UserAgent (UA)

将下面的样式表外链加入到header.php的head部分,当然也可通过主题设置界面添加,

UserAgent

这里建议大伙把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.zrahh.com:4433/usr/uploads/2019/03/360.png)
}

.icon-android {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/android.png);
    height: 19px
}

.icon-apple {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/apple.png)
}

.icon-baidu {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/baidu.png)
}

.icon-chrome {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/chrome.png)
}

.icon-edge {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/edge.png)
}

.icon-firefox {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/firefox.png)
}

.icon-google {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/google.png)
}

.icon-ie {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/ie.png)
}

.icon-liebao {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/liebao.png)
}

.icon-linux {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/linux.png)
}

.icon-mac {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/mac.png)
}

.icon-opera {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/opera.png)
}

.icon-qq {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/qq.png)
}

.icon-quark {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/quark.png)
}

.icon-safari {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/safari.png)
}

.icon-ubuntu {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/ubuntu.png)
}

.icon-uc {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/uc.png)
}

.icon-win1 {
    background-image: url(https://cdn.zrahh.com:4433/usr/uploads/2019/03/win1.png)
}

.icon-win2 {
    background-image: url(https://cdn.zrahh.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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;MicroSoft Edge';
    } else if (preg_match('#360([a-zA-Z0-9.]+)#i', $agent, $regs)) {
$outputer = '<i class="ua-icon icon-360"></i>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;UC浏览器';
    }  else if (preg_match('/Opera[\s|\/]([^\s]+)/i', $agent, $regs)) {
        $outputer = '<i class= "ua-icon icon-opera"></i>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;Safari';
    } else{
        $outputer = '<i class="ua-icon icon-chrome"></i>&nbsp;&nbsp;Google Chrome';
    }
    echo $outputer;
}
// 获取操作系统信息
function getOs($agent)
{
    $os = false;
 
    if (preg_match('/win/i', $agent)) {
        if (preg_match('/nt 6.0/i', $agent)) {
            $os = '&nbsp;&nbsp;<i class= "ua-icon icon-win1"></i>&nbsp;&nbsp;Windows Vista&nbsp;/&nbsp;';
        } else if (preg_match('/nt 6.1/i', $agent)) {
            $os = '&nbsp;&nbsp;<i class= "ua-icon icon-win1"></i>&nbsp;&nbsp;Windows 7&nbsp;/&nbsp;';
        } else if (preg_match('/nt 6.2/i', $agent)) {
            $os = '&nbsp;&nbsp;<i class="ua-icon icon-win2"></i>&nbsp;&nbsp;Windows 8&nbsp;/&nbsp;';
        } else if(preg_match('/nt 6.3/i', $agent)) {
            $os = '&nbsp;&nbsp;<i class= "ua-icon icon-win2"></i>&nbsp;&nbsp;Windows 8.1&nbsp;/&nbsp;';
        } else if(preg_match('/nt 5.1/i', $agent)) {
            $os = '&nbsp;&nbsp;<i class="ua-icon icon-win1"></i>&nbsp;&nbsp;Windows XP&nbsp;/&nbsp;';
        } else if (preg_match('/nt 10.0/i', $agent)) {
            $os = '&nbsp;&nbsp;<i class="ua-icon icon-win2"></i>&nbsp;&nbsp;Windows 10&nbsp;/&nbsp;';
        } else{
            $os = '&nbsp;&nbsp;<i class="ua-icon icon-win2"></i>&nbsp;&nbsp;Windows X64&nbsp;/&nbsp;';
        }
    } else if (preg_match('/android/i', $agent)) {
    if (preg_match('/android 9/i', $agent)) {
            $os = '&nbsp;&nbsp;<i class="ua-icon icon-android"></i>&nbsp;&nbsp;Android Pie&nbsp;/&nbsp;';
        }
    else if (preg_match('/android 8/i', $agent)) {
            $os = '&nbsp;&nbsp;<i class="ua-icon icon-android"></i>&nbsp;&nbsp;Android Oreo&nbsp;/&nbsp;';
        }
    else{
            $os = '&nbsp;&nbsp;<i class="ua-icon icon-android"></i>&nbsp;&nbsp;Android&nbsp;/&nbsp;';
    }
    }
    else if (preg_match('/ubuntu/i', $agent)) {
        $os = '&nbsp;&nbsp;<i class="ua-icon icon-ubuntu"></i>&nbsp;&nbsp;Ubuntu&nbsp;/&nbsp;';
    } else if (preg_match('/linux/i', $agent)) {
        $os = '&nbsp;&nbsp;<i class= "ua-icon icon-linux"></i>&nbsp;&nbsp;Linux&nbsp;/&nbsp;';
    } else if (preg_match('/iPhone/i', $agent)) {
        $os = '&nbsp;&nbsp;<i class="ua-icon icon-apple"></i>&nbsp;&nbsp;iPhone&nbsp;/&nbsp;';
    } else if (preg_match('/mac/i', $agent)) {
        $os = '&nbsp;&nbsp;<i class="ua-icon icon-mac"></i>&nbsp;&nbsp;MacOS&nbsp;/&nbsp;';
    }else if (preg_match('/fusion/i', $agent)) {
        $os = '&nbsp;&nbsp;<i class="ua-icon icon-android"></i>&nbsp;&nbsp;Android&nbsp;/&nbsp;';
    } else {
        $os = '&nbsp;&nbsp;<i class="ua-icon icon-linux"></i>&nbsp;&nbsp;Linux&nbsp;/&nbsp;';
    }
    echo $os;
}

将以下代码添加到comments.php中122行所在的div中

<span class="comment-ua">
    <?php getOs($this->agent); ?>
    <?php getBrowser($this->agent); ?>
</span>

这里注意一下$this

参考资料:https://www.zrahh.com/archives/298.html

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.dpaoz.com/182
617

发表评论

已有 2 条评论

  1. sqqzy     Win 10 /    Chrome 说道:

    已经弄好了谢谢:滑稽:

    1. 【站长】Vv     Win 7 /    Chrome 说道:

      @sqqzy

      :真棒::真棒:

嘿,我来帮您!

VIP · 会员全站通免费下载

1,全站任意主题资源免费下载

2,专属客服一对一服务

3,积分规则:点击查看