域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過
最近更新友情鏈接,突然羨慕別人有的瀏覽器標(biāo)識(shí),能看到更多的評(píng)論者信息,我覺得能夠增加訪客在頁(yè)面停留的時(shí)間吧,所以決定把自己的typecho也實(shí)現(xiàn)這個(gè)功能,通過對(duì)比添加函數(shù)和使用插件兩種方法,有了心得。
由于想給博客加一個(gè)文章評(píng)論顯示 UserAgent 功能,在網(wǎng)上搜尋并嘗試了 UserAgent 插件,但是并不如意。一是因?yàn)樗^臃腫,雖然幾乎可以識(shí)別市面上所有的 OS 和瀏覽器,但是我們常用的也就幾個(gè)而已,大多數(shù)都用不到,二是圖標(biāo)太老舊了,而且清晰度很低,在博客上顯得突兀且不美觀。----來(lái)自左岸博客的引用(傳送門)
代碼實(shí)現(xiàn)評(píng)論顯示UserAgent
林三通過試用,覺得左岸同學(xué)的方法比較適合自己,因?yàn)槭謩?dòng)添加函數(shù)意味著更自由的位置和樣式顯示。
1、首先找到主題根目錄,打開 functions.php 文件,在函數(shù)區(qū)域(不是最頂端)粘貼下面的代碼:
// 獲取瀏覽器信息
function getBrowser($agent)
{
if (preg_match('/MSIE\s([^\s|;]+)/i', $agent, $regs)) {
$outputer = 'Internet Explore';
} else if (preg_match('/FireFox\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Firefox/', $regs[0]);
$FireFox_vern = explode('.', $str1[1]);
$outputer = 'FireFox';
} else if (preg_match('/Maxthon([\d]*)\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Maxthon/', $agent);
$Maxthon_vern = explode('.', $str1[1]);
$outputer = 'MicroSoft Edge';
} else if (preg_match('#360([a-zA-Z0-9.]+)#i', $agent, $regs)) {
$outputer = '360 Fast Browser';
} else if (preg_match('/Edge([\d]*)\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Edge/', $regs[0]);
$Edge_vern = explode('.', $str1[1]);
$outputer = 'MicroSoft Edge';
} else if (preg_match('/UC/i', $agent)) {
$str1 = explode('rowser/', $agent);
$UCBrowser_vern = explode('.', $str1[1]);
$outputer = 'UC Browser';
} else if (preg_match('/QQ/i', $agent, $regs)||preg_match('/QQ Browser\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('rowser/', $agent);
$QQ_vern = explode('.', $str1[1]);
$outputer = 'QQ Browser';
} else if (preg_match('/UBrowser/i', $agent, $regs)) {
$str1 = explode('rowser/', $agent);
$UCBrowser_vern = explode('.', $str1[1]);
$outputer = 'UC Browser';
} else if (preg_match('/Opera[\s|\/]([^\s]+)/i', $agent, $regs)) {
$outputer = 'Opera';
} else if (preg_match('/Chrome([\d]*)\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Chrome/', $agent);
$chrome_vern = explode('.', $str1[1]);
$outputer = 'Google Chrome';
} else if (preg_match('/safari\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Version/', $agent);
$safari_vern = explode('.', $str1[1]);
$outputer = 'Safari';
} else{
$outputer = 'Google Chrome';
}
echo $outputer;
}
// 獲取操作系統(tǒng)信息
function getOs($agent)
{
$os = false;
if (preg_match('/win/i', $agent)) {
if (preg_match('/nt 6.0/i', $agent)) {
$os = 'Windows Vista · ';
} else if (preg_match('/nt 6.1/i', $agent)) {
$os = 'Windows 7 · ';
} else if (preg_match('/nt 6.2/i', $agent)) {
$os = 'Windows 8 · ';
} else if(preg_match('/nt 6.3/i', $agent)) {
$os = 'Windows 8.1 · ';
} else if(preg_match('/nt 5.1/i', $agent)) {
$os = 'Windows XP · ';
} else if (preg_match('/nt 10.0/i', $agent)) {
$os = 'Windows 10 · ';
} else{
$os = 'Windows X64 · ';
}
} else if (preg_match('/android/i', $agent)) {
if (preg_match('/android 9/i', $agent)) {
$os = 'Android Pie · ';
}
else if (preg_match('/android 8/i', $agent)) {
$os = 'Android Oreo · ';
}
else{
$os = 'Android · ';
}
}
else if (preg_match('/ubuntu/i', $agent)) {
$os = 'Ubuntu · ';
} else if (preg_match('/linux/i', $agent)) {
$os = 'Linux · ';
} else if (preg_match('/iPhone/i', $agent)) {
$os = 'iPhone · ';
} else if (preg_match('/mac/i', $agent)) {
$os = 'MacOS · ';
}else if (preg_match('/fusion/i', $agent)) {
$os = 'Android · ';
} else {
$os = 'Linux · ';
}
echo $os;
}
2、comments.php 中找到合適位置(比如評(píng)論作者的后面)添加以下代碼:
agent); ?>agent); ?>
然后刷新頁(yè)面就可以看到UA信息顯示出來(lái)了。林三這里去掉了圖標(biāo)顯示,如果想要圖標(biāo)的,請(qǐng)參考左岸博客的原文來(lái)操作,還需要復(fù)制相應(yīng)的css代碼到你的樣式表中(左岸同學(xué)使用的圖標(biāo)在cnd上面,速度還是不錯(cuò)的)。
插件實(shí)現(xiàn)評(píng)論顯示UserAgent
UserAgent是一個(gè)較好的評(píng)論增強(qiáng)插件,可以分別設(shè)置圖標(biāo)、文字或圖標(biāo)+文字形式,來(lái)顯示評(píng)論的UA部分。
1、下載插件:https://github.com/ennnnny/typecho 或者使用網(wǎng)盤下載:傳送門,提取碼 aqe5
2、然后解壓上傳UserAgent文件夾至主題插件目錄并啟用,選擇你想要的顯示效果保存
3、引用,在你想顯示的位置上加上這段代碼:agent); ?>
請(qǐng)根據(jù)自己的模板來(lái)判斷是使用$this或$comments(如果不清楚,可以都試下),林三試了下,也是可以顯示的。
文章來(lái)源:林三在線
來(lái)源地址:https://linsan.net/typecho%e5%ae%9e%e7%8e%b0%e8%af%84%e8%ae%ba%e6%98%be%e7%a4%bauseragent%ef%bc%8c%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f%e5%92%8c%e6%b5%8f%e8%a7%88%e5%99%a8%e6%a0%87%e8%af%86.html
申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!