MENU

Typecho 评论显示 UserAgent

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

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

引入 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...

  • OωO
  • |´・ω・)ノ
  • ヾ(≧∇≦*)ゝ
  • (☆ω☆)
  • (╯‵□′)╯︵┴─┴
  •  ̄﹃ ̄
  • (/ω\)
  • ∠( ᐛ 」∠)_
  • (๑•̀ㅁ•́ฅ)
  • →_→
  • ୧(๑•̀⌄•́๑)૭
  • ٩(ˊᗜˋ*)و
  • (ノ°ο°)ノ
  • (´இ皿இ`)
  • ⌇●﹏●⌇
  • (ฅ´ω`ฅ)
  • (╯°A°)╯︵○○○
  • φ( ̄∇ ̄o)
  • ヾ(´・ ・`。)ノ"
  • ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
  • (ó﹏ò。)
  • Σ(っ °Д °;)っ
  • ( ,,´・ω・)ノ"(´っω・`。)
  • ╮(╯▽╰)╭
  • o(*////▽////*)q
  • >﹏<
  • ( ๑´•ω•) "(ㆆᴗㆆ)
  • (。•ˇ‸ˇ•。)
  • 泡泡
  • 阿鲁
  • 蛆音娘
  • 小埋
  • 颜文字

已有 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 确实,不过图片太多了,而我又太懒