增加对 Firefox 浏览器的支持

[shellvon]

出于学习的目的，尝试了解一下不同浏览器之间的差异， 因此打算从 1.0.9 开始支持 Firefox 。

经过搜索, 发现 此处 可以对插件进行兼容性测试, 使用 1.0.8 CRX 文件测试目前发现两个问题:

• chrome.tabs.getSelected 已经弃用, See https://developer.chrome.com/extensions/tabs#method-getSelected
• chrome.extension.onConnect 不存在, 最新版应该用 chrome.runtime.onConnect

另外, 查看了一些文档，发现目前的插件应该是可以做一些轻微修改即可修改至对 Firefox 的支持。

参考文档:

• https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension
• https://developer.mozilla.org/af/docs/Mozilla/Add-ons/Add-on_Debugger
• https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Debugging#Debugging_popups

[shellvon]

除了上述网站兼容检测的问题，真实环境下用firefox还发现一些问题:

• windows 对象在Firefox中不能使用(can't access dead object, See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Dead_object) 遂改为也适用 Store ,似乎这样也更符合 Vue 原则
• navigator.clipboard 不支持, See #https://stackoverflow.com/a/30810322
• 推荐页 CSS 样式错误(em这个单位在不同浏览器下表现的差异略大), 因此全部修改为 px
• 关于页内的按钮不生效. See https://stackoverflow.com/questions/16280684/nesting-a-inside-button-doesnt-work-in-firefox
• 动态创建a标签的下载功能在Firefox下不生效, Firefox必须要求元素在DOM中出现才可以触发。因此需要增加a到DOM中下载好了再remove掉。
• 二维码跨域导致的安全问题(需要给图片设置crossdomain) 查看依赖目前最新版已经修复了此问题, 因此将 vue-qr 依赖更新至最新。