Sen descrición

Gerald a3a12fc2e8 added UAParser to DUOSHUO for further use %!s(int64=10) %!d(string=hai) anos
dist a3a12fc2e8 added UAParser to DUOSHUO for further use %!s(int64=10) %!d(string=hai) anos
examples 49df7f1c6e added QUnit tests %!s(int64=10) %!d(string=hai) anos
src a3a12fc2e8 added UAParser to DUOSHUO for further use %!s(int64=10) %!d(string=hai) anos
test 49df7f1c6e added QUnit tests %!s(int64=10) %!d(string=hai) anos
.gitignore 71e6bbad2a added test files %!s(int64=10) %!d(string=hai) anos
.travis.yml 71e6bbad2a added test files %!s(int64=10) %!d(string=hai) anos
README.md b7e1835f89 update README.md %!s(int64=10) %!d(string=hai) anos
bower.json a3a12fc2e8 added UAParser to DUOSHUO for further use %!s(int64=10) %!d(string=hai) anos
gulpfile.js 49df7f1c6e added QUnit tests %!s(int64=10) %!d(string=hai) anos
package.json a3a12fc2e8 added UAParser to DUOSHUO for further use %!s(int64=10) %!d(string=hai) anos

README.md

多说User-Agent插件

Bower

多说作为一个第三方评论功能感觉很不错的样子,而且可定制性很强。

多说在存储评论的时候其实是把User-Agent一起存储的,只是不显示出来,这个插件的作用就是把User-Agent显示出来,同时还可以标记站长的回复。

安装

可以通过bower安装:

$ npm install bower
$ bower install duoshuo-ua

文档

duoshuoQuery中可以定义myIdsgetUAString函数:

  • myIds: Array
    是站长自己的多说数字id,可以有多个,用于区分站长的回复,并可在getUAString中加上不同的标记,如不定义则不会对站长回复进行区分。

  • getUAString: function (local)
    是对每条留言显示内容进行处理的函数,默认将加上操作系统和浏览器的显示。
    参数local是一个object,包括以下属性:

    • agent: string
      本条回复的UserAgent字符串。
    • webmaster: boolean
      是否为站长回复。

下面是一个简单的例子:

<html>
<head>

<!-- 第1部分:在embed.js之前定义duoshuoQuery和加载duoshuo-ua
两者顺序可以交换-->
<script src="dist/duoshuo-ua-with-css.min.js"></script>
<script>var duoshuoQuery={short_name:'test',myIds:[1234567]};</script>

<!-- 第2部分:可写成异步加载,必须写在第1部分后面 -->
<script src="http://static.duoshuo.com/embed.js"></script>

<!-- 只需要按以上顺序加载,不一定要写在<head>中 -->

</head>
<body>

<div class="ds-thread" data-thread-key="example"></div>

</body>
</html>

注:

  1. dist/duoshuo-ua-with-css.min.js是压缩后的代码,集成了CSS,无需单独加载CSS文件,也可使用dist/duoshuo-ua.min.jsdist/duoshuo-ua.min.css或自定义的样式。
  2. 此分支使用Object.defineProperty,仅支持IE9+,如需支持IE8-可参考Compatible分支。
  3. 默认的UA解析比较简单,如有较高要求,可使用https://github.com/faisalman/ua-parser-js,参考examples/faisalman.html

案例

  1. 我的网站:http://gerald.top/code/duoshuo-ua
  2. 在线工具:http://www.atool.org