本文已更新匹配2015年新版embed.js！

相关内容： 多说社会化评论框核心脚本embed.js本地化方法 https://ssk.wiki/205 多说社会化评论框添加 站长回复 标记 https://ssk.wiki/207

修改前请确保您的多说核心脚本embed.js已经本地化

远程文件地址：http://static.duoshuo.com/embed.js【点此下载】

检查方法：在有多说回复框的页面点击鼠标右键查看源代码，搜索embed.js，如果找到：http://static.duoshuo.com/embed.js【点此下载】 这条网址，说明您的多说没有做过本地化， 请查看：多说社会化评论框核心脚本embed.js本地化方法 https://ssk.wiki/205

注意：回复本文就可以查看到效果了，由于是手工收集整理添加的，可能会出现浏览器及操作系统信息不准确的现象，如果您回复后看到显示的浏览器及操作系统信息不正确，请点击下方报错地址，将您的Useragent信息告诉我，我会及时修改并更新本文！

Useragent报错地址：https://ssk.wiki/useragent.php

修改开始，打开embed.js，在最顶部添加如下显UA代码：

//移动客户端判断开始，作用：在移动客户端显示不同样式
function sskcheckMobile(){  
    var isiPad = navigator.userAgent.match(/iPad/i) != null;  
    if(isiPad){  
        return false;  
    }  
    var isMobile=navigator.userAgent.match(/iphone|android|phone|mobile|wap|netfront|x11|java|opera mobi|opera mini|ucweb|windows ce|symbian|symbianos|series|webos|sony|blackberry|dopod|nokia|samsung|palmsource|xda|pieplus|meizu|midp|cldc|motorola|foma|docomo|up.browser|up.link|blazer|helio|hosin|huawei|novarra|coolpad|webos|techfaith|palmsource|alcatel|amoi|ktouch|nexian|ericsson|philips|sagem|wellcom|bunjalloo|maui|smartphone|iemobile|spice|bird|zte-|longcos|pantech|gionee|portalmmm|jig browser|hiptop|benq|haier|^lct|320x320|240x320|176x220/i)!= null;  
    if(isMobile){  
        return true;  
    }  
    return false;  
}  
//移动客户端判断结束
//显UA开始
function sskua(e) {
        var r = new Array;
        var outputer = '';
        if (r = e.match(/FireFox\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_firefox"><i class="fa fa-globe"></i> Mozilla FireFox' + '|' + r1[1]
        } else if (r = e.match(/Maxthon([\d]*)\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_maxthon"><i class="fa fa-globe"></i> Maxthon'
        } else if (r = e.match(/BIDUBrowser([\d]*)\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_ucweb"><i class="fa fa-globe"></i> 百度浏览器' + '|' + r1[1]
        } else if (r = e.match(/UBrowser([\d]*)\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_ucweb"><i class="fa fa-globe"></i> UCBrowser' + '|' + r1[1]
        } else if (r = e.match(/UCBrowser([\d]*)\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_ucweb"><i class="fa fa-globe"></i> UCBrowser' + '|' + r1[1]
        } else if (r = e.match(/MetaSr/ig)) {
            outputer = '<span class="ua_sogou"><i class="fa fa-globe"></i> 搜狗浏览器'
        } else if (r = e.match(/2345Explorer/ig)) {
            outputer = '<span class="ua_2345explorer"><a href="https://ssk.wiki/2345download.php?id=2" target="_blank" style="color:#FFFFFF!important;"><i class="fa fa-globe"></i> 2345王牌浏览器</a>'
        } else if (r = e.match(/2345chrome/ig)) {
            outputer = '<span class="ua_2345chrome"><a href="https://ssk.wiki/2345download.php?id=3" target="_blank" style="color:#FFFFFF!important;"><i class="fa fa-globe"></i> 2345加速浏览器</a>'
        } else if (r = e.match(/LBBROWSER/ig)) {
            outputer = '<span class="ua_lbbrowser"><i class="fa fa-globe"></i> 猎豹安全浏览器'
        } else if (r = e.match(/MicroMessenger\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_qq"><i class="fa fa-weixin"></i> 微信' + '|' + r1[1]/*.split('/')[0]*/
        } else if (r = e.match(/QQBrowser\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_qq"><i class="fa fa-globe"></i> QQ浏览器' + '|' + r1[1]/*.split('/')[0]*/
        } else if (r = e.match(/QQ\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_qq"><i class="fa fa-globe"></i> QQ浏览器' + '|' + r1[1]/*.split('/')[0]*/
        } else if (r = e.match(/MiuiBrowser\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_mi"><i class="fa fa-globe"></i> Miui浏览器' + '|' + r1[1]/*.split('/')[0]*/
        } else if (r = e.match(/Edge([\d]*)\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_ie"><i class="fa fa-globe"></i> Edge' + '|' + r1[1]/*.split('.')[0]*/
        } else if (r = e.match(/Chrome([\d]*)\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_chrome"><i class="fa fa-globe"></i> Chrome' + '|' + r1[1]/*.split('.')[0]*/
        } else if (r = e.match(/safari\/([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_apple"><i class="fa fa-globe"></i> Apple Safari' + '|' + r1[1]
        } else if (r = e.match(/Opera[\s|\/]([^\s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_opera"><i class="fa fa-globe"></i> Opera' + '|' + r[1]
        } else if (r = e.match(/Trident\/7.0/gi)) {
            outputer = '<span class="ua_ie"><i class="fa fa-globe"></i> Internet Explorer 11'
        } else if (r = e.match(/MSIE\s([^\s|;]+)/gi)) {
            outputer = '<span class="ua_ie"><i class="fa fa-globe"></i> Internet Explorer' + '|' + r[0]/*.replace('MSIE', '').split('.')[0]*/
        } else {
            outputer = '<span class="ua_other"><i class="fa fa-globe"></i> 其它浏览器'
        }
        if(sskcheckMobile()){
            Mobile='<br><br>';
        }else{
            Mobile='';
        }
        return outputer+"</span>"+Mobile ;
    }
    function sskos(e) {
        var os = '';
        if (e.match(/win/ig)) {
            if (e.match(/nt 5.1/ig)) {
                os = '<span class="os_xp"><i class="fa fa-desktop"></i> Windows XP'
            } else if (e.match(/nt 6.1/ig)) {
                os = '<span class="os_7"><i class="fa fa-desktop"></i> Windows 7'
            } else if (e.match(/nt 6.2/ig)) {
                os = '<span class="os_8"><i class="fa fa-desktop"></i> Windows 8'
            } else if (e.match(/nt 6.3/ig)) {
                os = '<span class="os_8_1"><i class="fa fa-desktop"></i> Windows 8.1'
            } else if (e.match(/nt 10.0/ig)) {
                os = '<span class="os_8_1"><i class="fa fa-desktop"></i> Windows 10'
            } else if (e.match(/nt 6.0/ig)) {
                os = '<span class="os_vista"><i class="fa fa-desktop"></i> Windows Vista'
            } else if (e.match(/nt 5/ig)) {
                os = '<span class="os_2000"><i class="fa fa-desktop"></i> Windows 2000'
            } else {
                os = '<span class="os_windows"><i class="fa fa-desktop"></i> Windows'
            }
        } else if (e.match(/android/ig)) {
            os = '<span class="os_android"><i class="fa fa-android"></i> Android'
        } else if (e.match(/ubuntu/ig)) {
            os = '<span class="os_ubuntu"><i class="fa fa-desktop"></i> Ubuntu'
        } else if (e.match(/linux/ig)) {
            os = '<span class="os_linux"><i class="fa fa-linux"></i> Linux'
        } else if (e.match(/mac/ig)) {
            os = '<span class="os_mac"><i class="fa fa-desktop"></i> Mac OS X'
        } else if (e.match(/unix/ig)) {
            os = '<span class="os_unix"><i class="fa fa-desktop"></i> Unix'
        } else if (e.match(/symbian/ig)) {
            os = '<span class="os_nokia"><i class="fa fa-mobile"></i> Nokia SymbianOS'
        } else {
            os = '<span class="os_other"><i class="fa fa-desktop"></i> 其它操作系统'
        }
        return os+"</span>" ;
    }
//显UA结束

r1[1]/.split('/')[0]/ 浏览器后面接的这种代码是用来截取版本号的，例如：UCBrowser|3.0.1354.9 通过这个可以只显示 UCBrowser|3 或者 UCBrowser|3.0 ，您可以自己设定截取位置，我也不会弄所以就加了/**/把截取注释掉，让它全都显示了。。。

然后搜索：

data-qqt-account="' + (r.qqt_account || "") + '">' + u(r.name) + "</span>"),

在后面添加：

t += "<span class=\"ua\">" + sskua(s.agent) + "</span><span class=\"ua\">" + sskos(s.agent) + "</span>",

如果搜索不到的话，请点此格式化embed.js后再次搜索！
然后在主题的css文件内（大约都是主题目录内的style.css文件）添加如下样式：

/*多说UA开始*/
span.ua{
    margin: 0 1px!important;
    color:#FFFFFF!important;
    /*text-transform: Capitalize!important;
    float: right!important;
    line-height: 18px!important;*/
}
.ua_other.os_other{
    background-color: #ccc!important;
    color: #fff;
    border: 1px solid #BBB!important;
    border-radius: 4px;
}
.ua_ie{
    background-color: #428bca!important;
    border-color: #357ebd!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_firefox{
    background-color: #f0ad4e!important;
    border-color: #eea236!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_maxthon{
    background-color: #7373B9!important;
    border-color: #7373B9!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_ucweb{
    background-color: #FF740F!important;
    border-color: #d43f3a!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_sogou{
    background-color: #78ACE9!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_2345explorer{
    background-color: #2478B8!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_2345chrome{
    background-color: #F9D024!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_mi{
    background-color: #FF4A00!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_lbbrowser{
    background-color: #FC9D2E!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_chrome{
    background-color: #EE6252!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_qq{
    background-color: #3D88A8!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_apple{
    background-color: #E95620!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_opera{
    background-color: #d9534f!important;
    border-color: #d43f3a!important;
    border-radius: 4px;
    padding: 0 5px!important;
}


.os_vista,.os_2000,.os_windows,.os_xp,.os_7,.os_8,.os_8_1 {
    background-color: #39b3d7!important;
    border-color: #46b8da!important;
    border-radius: 4px;
    padding: 0 5px!important;
}

.os_android {
    background-color: #98C13D!important;
    border-color: #01B171!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_ubuntu{
    background-color: #DD4814!important;
    border-color: #01B171!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_linux {
    background-color: #3A3A3A!important;
    border-color: #1F1F1F!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_mac{
    background-color: #666666!important;
    border-color: #1F1F1F!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_unix{
    background-color: #006600!important;
    border-color: #1F1F1F!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_nokia{
    background-color: #014485!important;
    border-color: #1F1F1F!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
/*多说UA结束*/

如果您需要再美化一下，向本站的一样在前面加上地球、电脑、微信等小图标样式，请点此下载Font Awesome，点此查看Font Awesome提供的全部小图标

它提供了479中小图标，只需要将下载到的 css 和 fonts 两个目录上传后（注意： css 和 fonts 需要上传至同一目录内），在header内引入上传后的CSS文件即可，非常方便！
注意：css目录内有两个css文件：

font-awesome.css
font-awesome.min.css

font-awesome.min.css 是 font-awesome.css 的压缩版！

然后在显UA代码中的 <span class="ua_ie"> <span class="os_xp"> 等后面添加如下的样式代码（不要汉字。。。）：

地球

<i class="fa fa-globe"></i>

电脑

<i class="fa fa-desktop"></i>

微信

<i class="fa fa-weixin"></i>

安卓

<i class="fa fa-android"></i>

Linux

<i class="fa fa-linux "></i>

手机

<i class="fa fa-mobile "></i>

您还可以选择其他样式添加上去！

保存上传后就可以显示了，快去试试吧！

如果您觉得本文对大家有帮助，请一定记得点击下方的分享按钮召唤您滴小伙伴前来围观啊！我的那些事

最后修改：2020 年 03 月 15 日 04 : 22 PM
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏