darK

苏晨的博客

多说,显示系统信息和浏览器信息。

在多说评论框后加入系统信息和浏览器信息小尾巴,方法如下。

1、在style.css中加入一段显示浏览器和系统信息的样式:


span.this_ua {
  background-color: #ccc !important;
  border-radius: 4px;
  padding: 0 5px !important;
  margin: 0 1px !important;
  border: 1px solid #BBB !important;
  color: #fff;
}

.this_ua.platform.Windows {
  background-color: #39b3d7 !important;
  border-color: #46b8da !important;
}

.this_ua.platform.Linux {
  background-color: #3A3A3A !important;
  border-color: #1F1F1F !important;
}

.this_ua.platform.Android {
  background-color: #00C47D !important;
  border-color: #01B171 !important;
}

.this_ua.browser.Chrome {
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.this_ua.browser.Firefox {
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
}

.this_ua.browser.IE {
  background-color: #428bca !important;
  border-color: #357ebd !important;
}

.this_ua.browser.Opera {
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}

2、在多说自己的 js 导入后面的任意位置添加以下代码:

<script src="您的网站地址/ua-parser.min.js"></script>

<script type="text/javascript">
    if (typeof DUOSHUO !== 'undefined') {
    hookDUOSHUO_tp();
    } else {
        $('[src="http://static.duoshuo.com/embed.js"]')[0].onload=hookDUOSHUO_tp;
    }
    function hookDUOSHUO_tp() {
        var _D_post=DUOSHUO.templates.post
        DUOSHUO.templates.post=function (e,t) {
            var rs=_D_post(e,t);
            var agent=e.post.agent;
            if(agent&&/^Mozilla/.test(agent))rs=rs.replace(/<\/div><p>/,show_ua(agent)+'</div><p>');
            return rs;
        }
    }
    function show_ua(string) {
        $.ua.set(string);
        var sua=$.ua;
        if(sua.os.version=='x86_64')sua.os.version='x64';
        return '<span class="this_ua platform '+sua.os.name+'">'+sua.os.name+' '+sua.os.version+'</span><span class="this_ua browser '+sua.browser.name+'">'+sua.browser.name+'|'+sua.browser.version+'</span>';
    }
</script>
󰅯