Gerald
cf951fd335
added faisalman/ua-parser-js example
|
há 10 anos atrás | |
|---|---|---|
| dist | há 10 anos atrás | |
| src | há 10 anos atrás | |
| test | há 10 anos atrás | |
| .gitignore | há 10 anos atrás | |
| README.md | há 10 anos atrás | |
| bower.json | há 10 anos atrás | |
| gulpfile.js | há 10 anos atrás | |
| package.json | há 10 anos atrás |
README.md
多说User-Agent插件
多说作为一个第三方评论功能感觉很不错的样子，而且可定制性很强。
多说在存储评论的时候其实是把User-Agent一起存储的，只是不显示出来，这个插件的作用就是把User-Agent显示出来，同时还可以标记站长的回复。
使用方法
可以通过bower安装：
$ npm install bower
$ bower install duoshuo-ua
duoshuoQuery中可以定义myIds和getUAString函数：
- myIds：是站长自己的多说数字id，可以有多个，用于区分站长的回复，并可在
getUAString中加上不同的标记，如不定义则不会对站长回复进行区分。 - getUAString：是对每条留言显示内容进行处理的函数，默认将加上操作系统和浏览器的显示。
<html>
<head>
<!-- 第1部分：在embed.js之前加载duoshuo-ua.min.js -->
<script src=dist/duoshuo-ua.min.js></script>
<!-- 第2部分：也可写成异步加载，请写在第1部分后面 -->
<script>var duoshuoQuery={short_name:'test',myIds:[1234567]};</script>
<script src=http://static.duoshuo.com/embed.js></script>
<!-- 只需要按以上顺序加载，不一定要写在<head>中 -->
</head>
<body>
<div class="ds-thread" data-thread-key="example"></div>
</body>
</html>
注：
- dist/duoshuo-ua-with-css.min.js是压缩后的代码，集成了CSS，无需单独加载CSS文件，如需自定义，请使用未压缩版本。
- 此版本使用
Object.defineProperty，仅支持IE9+。
效果可参见：
- 我的网站：http://geraldl.net/about
- 在线工具：http://www.atool.org
如果对UA解析要求更高一点可以使用https://github.com/faisalman/ua-parser-js，参考test/faisalman.html。