欢迎访问星梦天空网站,IT信息,WordPress教程,绿色软件,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站。如果本站对你有帮助请点击广告支持一下!

为多说评论添加显示浏览器及操作系统UA信息

Wordpress 星梦小智 909次浏览 6个评论 扫描二维码
在网上看到多说评论显示浏览器及操作系统UA信息,感觉很强大,然后开始折腾!折腾了两天总算把它完善了,还添加了图片,现在什么都不说,直接教程。先看效果了。
为多说评论添加显示浏览器及操作系统UA信息

多说社会化评论框核心脚本embed.js本地化方法

首先打开多说核心脚本的远程文件:

然后点击右键-另存为,将其保存下来。然后把以下代码添加在embed.js文件开始位置,代码如下:


embed.js下载

//显UA开始
function ua(e) {
 var r = new Array;
 var outputer = '';
 if (r = e.match(/MSIEs([^s|;]+)/gi)) {
 outputer = '<span class="ua_ie"> <img src="/uaico/msie7.png" width="16" height="16" alt="msie7"/>IE' + ' ' + r[0]/*.replace('MSIE', '').split('.')[0]*/
 } else if (r = e.match(/FireFox/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_firefox"> <img src="/uaico/firefox.png" width="16" height="16" alt="firefox"/>火狐浏览器' + ' ' + r1[1]
 } else if (r = e.match(/Maxthon([d]*)/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_maxthon"> <img src="/uaico/maxthon.png" width="16" height="16" alt="maxthon"/>遨游浏览器'
 }else if (r = e.match(/MetaSr/ig)) {
 outputer = '<span class="ua_sogou"> <img src="/uaico/sg.png" width="16" height="16" alt="sg"/>搜狗浏览器'
 } else if (r = e.match(/2345Explorer/ig)) {
 outputer = '<span class="ua_2345explorer"> <img src="/uaico/2345.png" width="16" height="16" alt="2345"/>2345王牌浏览器'
 } else if (r = e.match(/2345chrome/ig)) {
 outputer = '<span class="ua_2345chrome"> <img src="/uaico/2345jiasu.png" width="16" height="16" alt="2345jiasu"/>2345加速浏览器'
 } else if (r = e.match(/LBBROWSER/ig)) {
 outputer = '<span class="ua_lbbrowser"> <img src="/uaico/lieb.png" width="16" height="16" alt="lieb"/>猎豹安全浏览器'
 } else if (r = e.match(/MicroMessenger/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_qq"> <img src="/uaico/weixin.png" width="16" height="16" alt="weixin"/>微信' + ' ' + r1[1]/*.split('/')[0]*/
 } else if (r = e.match(/QQBrowser/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_qq"> <img src="/uaico/qqllq.png" width="16" height="16" alt="qqllq"/>QQ浏览器' + ' ' + r1[1]/*.split('/')[0]*/
 } else if (r = e.match(/BIDUBrowser([d]*)/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_baidu"> <img src="/uaico/bdllq.png" width="16" height="16" alt="chrome"/>百度浏览器' + ' ' + r1[1]
 } else if (r = e.match(/UCBrowser([d]*)/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_ucweb"> <img src="/uaico/uc.png" width="16" height="16" alt="chrome"/>手机UC' + ' ' + r1[1]
 }else if (r = e.match(/UBrowser([d]*)/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_ucweb"> <img src="/uaico/uc.png" width="16" height="16" alt="chrome"/>UC浏览器' + ' ' + r1[1]
 } else if (r = e.match(/QQ/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_qq"> <img src="/uaico/qq.png" width="16" height="16" alt="qqllq"/>手机QQ' + ' ' + r1[1]/*.split('/')[0]*/
 }else if (r = e.match(/Mobile Safari/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_mobile"> <img src="/uaico/mobile.png" width="16" height="16" alt="chrome"/>手机浏览器'
 }else if (r = e.match(/MiuiBrowser/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_mi"> <img src="/uaico/opera-1.png" width="16" height="16" alt="opera-1"/>Miui浏览器' + ' ' + r1[1]/*.split('/')[0]*/
 } else if (r = e.match(/Opera[s|/]([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_opera"> <img src="/uaico/opera-1.png" width="16" height="16" alt="opera-1"/>欧朋' + ' ' + r[1]
 } else if (r = e.match(/OPR([d]*)/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_opera"> <img src="/uaico/opera-1.png" width="16" height="16" alt="opera-1"/>欧朋' + ' ' + r[1]
 }else if (r = e.match(/Chrome([d]*)/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_chrome"> <img src="/uaico/chrome.png" width="16" height="16" alt="chrome"/>谷歌' + ' ' + r1[1]/*.split('.')[0]*/
 } else if (r = e.match(/safari/([^s]+)/ig)) {
 var r1 = r[0].split("/");
 outputer = '<span class="ua_apple"> <img src="/uaico/Safari.png" width="16" height="16" alt="Safari"/>Safari' + ' ' + r1[1]
 } else if (r = e.match(/Trident/7.0/gi)) {
 outputer = '<span class="ua_ie"> <img src="/uaico/msie9.png" width="16" height="16" alt="msie9"/>IE 11'
 } else {
 outputer = '<span class="ua_other"> <img src="/uaico/2345.png" width="16" height="16" alt="2345"/>神马浏览器'
 }
 return outputer+"</span> ";
 }
 function os(e) {
 var os = '';
 if (e.match(/win/ig)) {
 if (e.match(/nt 5.1/ig)) {
 os = '<span class="os_xp"><img src="/uaico/xp.png" width="16" height="16" alt="xp"/>Windows XP'
 } else if (e.match(/nt 6.1/ig)) {
 os = '<span class="os_7"><img src="/uaico/win-4.png" width="16" height="16" alt="win-4"/>Windows 7'
 } else if (e.match(/nt 6.2/ig)) {
 os = '<span class="os_8"><img src="/uaico/win-5.png" width="16" height="16" alt="win-5"/>Windows 8'
 } else if (e.match(/nt 6.3/ig)) {
 os = '<span class="os_8_1"><img src="/uaico/win-5.png" width="16" height="16" alt="win-5"/>Windows 8.1'
 } else if (e.match(/nt 6.0/ig)) {
 os = '<span class="os_vista"><img src="/uaico/vista" width="16" height="16" alt="vista"/>Windows Vista'
 } else if (e.match(/nt 6.4/ig)) {
 os = '<span class="os_8_1"><img src="/uaico/win-10.png" width="16" height="16" alt="win-10"/>Windows 10'
 } else if (e.match(/nt 10.0/ig)) {
 os = '<span class="os_8_1"><img src="/uaico/win-10.png" width="16" height="16" alt="win-10"/>Windows 10'
 }else if (e.match(/nt 5/ig)) {
 os = '<span class="os_2000"><img src="/uaico/xp.png" width="16" height="16" alt="xp"/>Windows 2000'
 } else {
 os = '<span class="os_windows"><img src="/uaico/xp.png" width="16" height="16" alt="xp"/>Windows'
 }
 } else if (e.match(/android 5.0/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 5.0'
 } else if (e.match(/android 2.1/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 2.1'
 } else if (e.match(/android 2.2/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 2.2'
 } else if (e.match(/android 2.3/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 2.3'
 } else if (e.match(/android 3.0/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 3.0'
 } else if (e.match(/android 3.1/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 3.1'
 } else if (e.match(/android 3.2/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 3.2'
 } else if (e.match(/android 4.1/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 4.1'
 } else if (e.match(/android 4.2/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 4.2'
 } else if (e.match(/android 4.0/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 4.0'
 } else if (e.match(/android 4.3/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 4.3'
 } else if (e.match(/android 4.4/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 4.4'
 } else if (e.match(/android 4.5/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android 4.5'
 } else if (e.match(/android/ig)) {
 os = '<span class="os_android"><img src="/uaico/android.png" width="16" height="16" alt="android"/>Android'
 } else if (e.match(/ubuntu/ig)) {
 os = '<span class="os_ubuntu"><img src="/uaico/ubuntu-1.png" width="16" height="16" alt="ubuntu-1"/>Ubuntu'
 } else if (e.match(/linux/ig)) {
 os = '<span class="os_linux"><img src="/uaico/linux.png" width="16" height="16" alt="linux"/>Linux'
 } else if (e.match(/mac/ig)) {
 os = '<span class="os_mac"><img src="/uaico/maxos.png" width="16" height="16" alt="maxos"/>Mac OS X'
 } else if (e.match(/unix/ig)) {
 os = '<span class="os_unix"><img src="/uaico/max.png" width="16" height="16" alt="max"/>Unix'
 } else if (e.match(/symbian/ig)) {
 os = '<span class="os_nokia"><img src="/uaico/nokia.png" width="16" height="16" alt="nokia"/>诺基亚塞班'
 } else {
 os = '<span class="os_other"><img src="/uaico/orther.png" width="16" height="16" alt="orther"/>神奇的系统'
 }
 return os+"</span>" ;
 }
然后在wp-content/plugins/duoshuo目录,找到WordPress.php,用编辑器打开,
打开WordPress.php搜索embed.js,会找到两处网址,将这两处替换为你上传后的embed.js地址,推荐将embed.js上传至七牛。两处替换网址后保存上传即可。

然后在footer添加以下css样式代码:

<style type="text/css">span.ua{
 margin:0 1px!important;
 color:#FFFFFF!important
}
.ua_other{
 background-color:#9700B8!important;
 color:#FAFAFA;
 border:1px solid #BBB!important;
 border-radius:10px;
 padding:2px 5px!important
}
.os_other{
 background-color:#FFFFFF!important;
 color:#0F0F0F;
 border:1px solid #BBB!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_ie{
 background-color:#428bca!important;
 border-color:#357ebd!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_firefox{
 background-color:#f0ad4e!important;
 border-color:#eea236!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_maxthon{
 background-color:#7373B9!important;
 border-color:#7373B9!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_ucweb{
 background-color:#21A067!important;
 border-color:#21A067!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_sogou{
 background-color:#78ACE9!important;
 border-color:#4cae4c!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_baidu{
 background-color:#9B1972!important;
 border-color:#9B1972!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_2345explorer{
 background-color:#2478B8!important;
 border-color:#4cae4c!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_2345chrome{
 background-color:#F9D024!important;
 border-color:#4cae4c!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_mi{
 background-color:#FF4A00!important;
 border-color:#4cae4c!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_lbbrowser{
 background-color:#FC9D2E!important;
 border-color:#4cae4c!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_chrome{
 background-color:#EE6252!important;
 border-color:#4cae4c!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_qq{
 background-color:#3D88A8!important;
 border-color:#4cae4c!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_apple{
 background-color:#E95620!important;
 border-color:#4cae4c!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_mobile{
 background-color:#00BBE7!important;
 border-color:#00BBE7!important;
 border-radius:10px;
 padding:2px 5px!important
}
.ua_opera{
 background-color:#d9534f!important;
 border-color:#d43f3a!important;
 border-radius:10px;
 padding:2px 5px!important
}
os_2000,.os_windows,.os_xp{
 background-color:#5400E4!important;
 border-color:#5400E4!important;
 border-radius:10px;
 padding:2px 5px!important
}
.os_vista,.os_7{
 background-color:#39b3d7!important;
 border-color:#46b8da!important;
 border-radius:10px;
 padding:2px 5px!important
}
.os_8,.os_8_1{
 background-color:#474747!important;
 border-color:#5E5E5E!important;
 border-radius:10px;
 padding:2px 5px!important
}
.os_android{
 background-color:#98C13D!important;
 border-color:#01B171!important;
 border-radius:10px;
 padding:2px 5px!important
}
.os_ubuntu{
 background-color:#DD4814!important;
 border-color:#01B171!important;
 border-radius:10px;
 padding:2px 5px!important
}
.os_linux{
 background-color:#3A3A3A!important;
 border-color:#1F1F1F!important;
 border-radius:10px;
 padding:2px 5px!important
}
.os_mac{
 background-color:#666666!important;
 border-color:#1F1F1F!important;
 border-radius:10px;
 padding:2px 5px!important
}
.os_unix{
 background-color:#006600!important;
 border-color:#1F1F1F!important;
 border-radius:10px;
 padding:2px 5px!important
}
.os_nokia{
 background-color:#014485!important;
 border-color:#1F1F1F!important;
 border-radius:10px;
 padding:2px 5px!important
}</style>

上传后刷新一下,请一下缓存。再刷新一下,是不是发现很好看啊!当然还有一件事没做,那就是把图标上传在网站的根目录下即可。以上代码来自我的那些事,但本人我已经完善了。如果你比较懒修改代码,你可以直接下载我修改好的embed.js文件,然后直接修改WordPress.php即可。

开源地址图标文件


星梦天空 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明本文链接
喜欢 (8)or分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(6)个小伙伴在吐槽
  1. 代码改好了,结果图标下载不了了。
    贝壳iT win-4 chrome  2016-07-17 14:19 回复
  2. 图标没了,求图标
    sendtion win-5 chrome  2016-03-31 15:49 回复
  3. 我已经启用多说了,时不时的抽风。
    防静电工作台 xp firefox  2016-01-07 10:24 回复
  4. phpcms的怎么实现多说评论添加访客浏览器操作系统判断
    铁酷网 win-4 chrome  2015-06-25 22:50 回复
  5. 测试下看看ua信息
    UA信息 win-4 chrome  2015-06-09 15:38 回复