标签/Tag为[UA]的文章

就像本站的本地评论一样。 虽然，本地评论我修改了后台程序，一样存储了评论者 Useragent 。但是除非 JS 方式显示。 不然默认是不会显示的。

原因很简单。 本站解析 UA 是用的这个JS库，而非后台的 Perl 程序。 而本站的本地评论现在显示是动静结合的。 简单的说，每篇文章都是一个静态的HTML页面，定期更新评论在这个页面上。同时JS载入评论，进行判断是否写入静态页面并动态更新之。 显然静态页面解析不可能对 Useragent 字符串进行处理。 而路杨并不像完全对静态评论进行JS替换。。 复杂的的办法就是在后台用 Perl 再写一个解析 UA 的程序出来作为静态HTML的 UA 解析输出。但是 UA 的构造太杂乱了。。。。

今天想了想，其实很简单，还是前段解决吧。 一个 JQ each搞定。 代码如下：

code$("span[rel='ua']").each(function(){
if ( $(this).hasClass("done") ) return;
var $el = $(this).closest(".comment");
var _id= $el.attr("data-comment-id");
$(this).replaceWith(tt.show_ua_by_id(_id))
// $(this).html( tt.show_ua_by_id(_id) ).addClass("done").removeAttr("rel");
});

tt.show_ua_by_id() 代码片段如下：

codeshow_ua_by_id: function(idx){
var s = json_data.comments[idx];
if (!s) return '';
if (s.agent) return tt.show_ua(s.agent);
return '';
},

而静态网页在要显示 UA 的位置加入 <span rel="ua"></span> 就一切OK了。

上面的 JS 都是片段， 完整可以查看本站 评论JS：http://static.easunlee.cn/js/new_mt_comments.js。

记录下来，给自己备忘。

个性化 多说显示，让多说显示评论者的 UA，貌似教程很多。

比如： 我的那些事 - 多说回复后显示浏览器及操作系统信息（Useragent） 这里。

但是方案都是 本地化 embed.js 然后修改 embed.js 完成。

不想本地化 embed.js ，搜索了一下网络， 发现有不本地化 用 JS Hook 方式修改的办法，见
https://github.com/huhuime/make_duoshuo_show_ua

但是，根据这个修改后无效， 检测了多说的 embed.js 代码，发现是因为版本更新导致变量失效，修改 e.agent 为e.post.agent 即可。

简单整理如下。

在 多说 自己的 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){
        console.log(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>