Tidak Ada Deskripsi

zsx baabbe5b9a 添加zsxsoft/useragent.js 10 tahun lalu
dist 71e6bbad2a added test files 10 tahun lalu
examples baabbe5b9a 添加zsxsoft/useragent.js 10 tahun lalu
src 71e6bbad2a added test files 10 tahun lalu
test 71e6bbad2a added test files 10 tahun lalu
.gitignore 71e6bbad2a added test files 10 tahun lalu
.travis.yml 71e6bbad2a added test files 10 tahun lalu
README.md b7e1835f89 update README.md 10 tahun lalu
bower.json 2e28efb898 added bower support 10 tahun lalu
gulpfile.js 71e6bbad2a added test files 10 tahun lalu
package.json 71e6bbad2a added test files 10 tahun lalu

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