MENU

Typecho 评论显示 UserAgent

2019 年 05 月 29 日 • 阅读: 10457 • 博客

说来惭愧,这篇纯搬运 左岸大佬 的教程,由于我们使用的主题不同,所以第三步添加的文件也不同,记录下过程,也便于后来者参考。

引入 CSS

将下面的样式表外链加入到 /usr/themes/Mirages/component/header.phphead 部分,当然也可通过主题设置界面添加。

  • <link rel="stylesheet" href="//code.bdstatic.com/npm/logicdn@1.0.0/logi.im/usr/themes/Mirages/usr/logi.css" />

引入 PHP

将以下代码加入到 /usr/themes/Mirages/function.php 末尾。

PHP Code

  • // 获取浏览器信息
  • 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;
  • }

引入 HTML

将以下代码添加到 /usr/themes/Mirages/lib/comments.php122 行所在的 div 中。

  • <span class="comment-ua">
  • <?php getOs($this->agent); ?>
  • <?php getBrowser($this->agent); ?>
  • </span>
TG 大佬群 QQ 大佬群

最后编辑于: 2021 年 02 月 20 日
返回文章列表 文章二维码
本页链接的二维码
打赏二维码
添加新评论

Loading captcha...

已有 9 条评论
  1. 强调几点:(该留言由系统自动生成!)
    1. 请不要刷广告,本站没有流量!
    2. 我不回复虚假邮箱,因为回复了你也看不到!
    3. 存在必须回复的隐藏内容时,可以直接使用表情框里的阿鲁表情!

  1. 隔壁老韩 隔壁老韩   Windows 10 x64 Edition  Google Chrome 125.0.0.0

    路过 @(呵呵)

  2. Highness Highness   Windows 10 x64 Edition  Google Chrome 88.0.4324.182

    图标显示不正常,包括左岸大佬的

    1. LOGI LOGI   Windows 10 x64 Edition  Google Chrome 88.0.4324.182

      @Highness 他 CDN SSL 证书过期了

    2. Highness Highness   Windows 10 x64 Edition  Google Chrome 88.0.4324.182

      @LOGI 你的呢
      为什么有显示

    3. Highness Highness   Windows 10 x64 Edition  Google Chrome 88.0.4324.182

      @Highness 请问,有替代方案吗?

    4. Highness Highness   Windows 10 x64 Edition  Google Chrome 88.0.4324.182

      @Highness 请问,有替代方案吗?

    5. LOGI LOGI   Windows 10 x64 Edition  Google Chrome 88.0.4324.182

      @Highness 刷新这篇文章,替换第一段代码

  3. Kevan Kevan   Mac OS X 10.14.3  Google Chrome 75.0.3770.100

    不错的教程,刚给博客用上了,还有建议样式文件,图片啥的本地化,或者放在自己的云存储上,避免人家的崩掉::quyin:1huaji::

    1. LOGI LOGI   Android 8.0.0  Google Chrome 75.0.3770.101

      @Kevan 确实,不过图片太多了,而我又太懒 @(勉强)