改进多说
2016-12-27
554 字
3 分钟
  • 增加用户尾巴
  • 头像/表情转换成https

多说现有问题#

  1. 稳定版不能切换表情
  2. dev版不能收起表情框
  3. 新浪头像/QQ头像/新浪表情 国内已经支持https了,多说没有及时跟进

另外多说记录了ua,在用户返回的数据里也给到了发评论的ua,想利用这个ua,展现我们睾贵的操作系统/浏览器/硬件等

相比不能切换表情,不能收起表情框稍微好那么一点,于是我决定将多说替换成开发版,而且对标准版增加UA以及https的教程网上也有很多,我也进行了参考,我自修改的0.32版improve-duoshuo就是使用标准版的多说进行了显示UA,只是没有替换https,如果你需要对标准版进行动手术,欢迎你参考我的这份,也欢迎你参考本篇blog的Reference

以下内容使用多说dev版进行

首先格式化多说,使其稍微好看一点

添加https#

用户头像https#

参考多说插件支持站点 https,在第2634行替换a字符串

替换表情https#

点击表情后,Network中出现

点击表情后,DevTools-Network

格式化后发现

格式化jsonp

证明前缀写死在js中,搜索一下http://,发现和新浪有关的只有第3333行,修改成https后,问题解决

增加ua#

dev版多说格式化后找到ds-comment-header ds-user-name 附近,发现全部改成了react风格的绑定

尝试旧逻辑不变,直接插入{ userTail.showAdmin(author) }{ userTail.showUA(comment) }

userTail是之前0.32的全局helper

发现逻辑正常,证明模板可以读取全局变量,但输出字符被escape了

那就只能老老实实的改成模板形式了

代码参见旧2869行/新2847行,没啥技术含量

Reference#

多说插件支持站点 https

多说回复后显示浏览器及操作系统信息(Useragent)

吐槽#

多说这几个礼拜天天炸,时不时500,看来是要跑路啊,赶紧趁跑路前上一波https装个逼(雾

也欢迎对我的improve-duoshuo提issue提pr

改进多说
https://blog.xingoxu.com/2016/12/improve-duoshuo/
作者
xingo
发布于
2016-12-27
许可协议
CC BY-NC-SA 4.0