代码由 huhuhuhu 提供

地址 huhu呼呼 / Make DUOSHUO Show UA

老高的博客目前的评论系统使用了 多说 + typecho多说插件,最近才发现了多说还可以支持显示UA,动手吧。

准备工作

CSS

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;

	/*text-transform: Capitalize!important;
	float: right!important;
	line-height: 18px!important;*/
}
.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;
}

Make-DUOSHUO-Show-UA

很多同学发现显示有问题



jquery

这个不用说了吧!下载1.X的都行。

ua-parser-js

判断UA的jquery的插件

ua-parser-js

合并后的js



最后的操作

将CSS、js引入头部header.php

再将多说的js引入comments.php

完!

标签: ua, duoshuo

已有 34 条评论

  1. 有现成的吗 总是弄不对啊

    1. 关于字符串的处理,如何设置抓取的部分呢

    2. 没有

  2. 嘿嘿,我知道为什么了,我手机之前是用nginx代理的免流 扫地僧

    1. 我还发现上一些其他网站 默认电脑版。。。

    2. 有意思!

  3. 我在主题帖子回复还有UA呢

    1. 这条是我隐藏了UA后发的,看看有没有

  4. 我的主题不会改啊,等vps装面板后再折腾。。。到时要靠博主帮帮忙了。一点不懂js

    1. UC浏览器有隐藏UA的功能

    2. 你可以访问下面的网址,查看你的UA 1. http://whatsmyuseragent.com/ 2. http://whatsmyua.com/ 3. http://www.useragentstring.com/

    3. 我没用,要是能回复截图就好了。

    4. 我也不知道,我用的UC啊,

    5. 为啥你的UA没有显示呢?

  5. aa aa

    试试怎么用 :)

  6. 可以加入判断博主的标识,上次在其他地方看到过,可是自己不会写。。。

    1. 在哪儿看到,我去看看

  7. Jr Jr

    话说,我的信息不显示!!!!

    1. ??

    2. Jr Jr

      我是说UA不显示,没有系统和浏览器信息

    3. 丫的,JR就是一个奇葩。。 ua信息里面存的是一段英文,大概意思就是来至火星的中国人。 最开始我还奇怪,为什么就他的不显示。。

    4. 你的环境是什么?估计不支持显示

  8. Jr Jr

    多说输出的评论是JSON的,看了下,里面有系统和浏览器的信息还有些其他内容

  9. 网站不错,能交换各友情链接吗?我的网站是:最励志(http://www.zuilizhi.net)

  10. http://i1.tietuku.com/2431f9b96a69599a.png这个才是,但是uname貌似也只可以看出是linux。。。

    1. 浏览器的UA只能提供部分信息

  11. 显示不了具体的发行版诶。。。

    1. Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.81 Safari/537.36 这个是你的UA

  12. 好吧,看看我的UA。 话说,我的mini昨天安装了Adbyby,求让它自动启动的办法!

    1. http://www.phpgao.com/xiaomi_router_noad.html

    2. chrome都43了

    3. 恩 WIN下我也用360极速

    4. 我用的国产360极速,用着还可以。

  13. 在原生评论要怎么弄?

添加新评论