在写这篇文章之前，我先申明一下，这篇文章的最终版权属于张戈博客所有，我只是在他的代码基础上做了一些修改。
贴上张戈博客关于这篇技术文章的原帖：http://zhangge.net/4960.html
在看这篇文章之前我有必要的提醒一下各位，本篇文章的所有代码全部是基于begin主题所修改的，如果不是这个主题请不要对号入座，可以适当的进行一些修改之后再用！
1.先下载文件并解压，存放到当前主题的根目录。
[url href=https://pan.baidu.com/s/1TnDDOXJaZmnP1PeWcVruCw]百度网盘下载[/url]
下载提取码是：dfep
2.在主题根目录下的 functions.php 文件的最后添加以下代码：
- require get_template_directory() . ‘/show-useragent/show-useragent.php’;
3.找到主题目录下的 inc\comment-template.php 文件并打开找到以下代码：
- <?php get_author_admin($comment->comment_author_email, $comment->user_id); ?>
在这段代码后面添加：
- <?php CID_print_comment_browser(); ?>
注意，如果想要那种鼠标移动过去就显示的效果则换成以下代码：
- <span class=“flags”><?php CID_print_comment_browser(); ?></span>
4. 找到主题根目录下的 style.css 并打开，在最后添加：
- .WB-OS img {width: 14px;height: auto;vertical-align: -6%;}.flags {display: none;}@media screen and (min-width: 900px) {.comment-body:hover .flags {display: inline;animation: fade-in;animation-duration: 0.3s -webkit-animation:fade-in 0.3s;}}
最后看一下你的评论区的最终效果，如果图标不合你的心意，可以自己替换，PNG格式的图片，大小是16*16，图片在上传的browsers文件夹里。
