简单做了个黑客派社区浏览器扩展

Browser extension for Hacpai，优雅便捷的黑客派社区插件

忙里偷闲。之前研究 pwa，就想了解下 chrome 扩展的开发。终于偷出时间看了，也算是完成了一个 TODO。

功能

主要是为了了解下浏览器扩展的开发，就先简单弄了几个功能。后面有空（大概是假的）再弄些功能吧。

• 自动签到
• 消息提醒
• 双击返回顶部

源码

GitHub - ghostsf/HacpaiExtension: Browser extension for Hacpai 优雅便捷的黑客派社区插件 Browser extension for Hacpai 优雅便捷的黑客派社区插件. Contribute to ghostsf/HacpaiExtension development by creating an account on GitHub. GitHub - github.com

ghostsf/HacpaiExtension Browser extension for Hacpai 优雅便捷的黑客派社区插件 Gitee - gitee.com

有想弄的功能可以提出来（虽然通知，快捷键，社区功能都有了 😂 ），欢迎 PR。。

Chrome 扩展开发

总体而言，Chrome 扩展开发还是挺简单的，文档也很全面。基本没啥好讲的。

文档链接：

https://developer.chrome.com/extensions/getstarted

https://developer.chrome.com/extensions/api_index

当然开发过程中，也遇到一些槽点，懒得吐了。有空再多研究研究吧，= =。

chrome 扩展提供的展现形式，功能接口，工具类都很丰富。感觉可以干很多事情（怪不得很多扩展审核被拒 😂 ）。

就是要注册 Chrome 网上应用店开发者，然后要支付 $5。

后面我还是要发布其他扩展或者应用（可以发布 20 项内容），就注册个吧。

注册还要 VISA 卡，然后审核，隐私申明....

虽然有卡，但是不在身边，也懒得弄。有妙招的，可以协助下 😂 。

开发轶事

想弄一个黑客派社区的 logo，就在 https://hacpai.com/article/1563882928300 这篇帖子里拿了下 logo，结果发现像素好低，ps 折腾半天也没法拯救。然后想想不对啊，怎么会连个 svg 的 logo 都没呢？？？

然后我发现左上角的 logo 不就是 svg 的吗？😂 不知道当时咋想的。然后用 svg 整了几个 png 图标。

<svg viewBox="0 0 32 32">
    <path fill="#d23f31" d="M5.787 17.226h17.033l5.954 9.528c0.47 0.752 0.003 1.361-1.042 1.361h-15.141z"></path>
    <path d="M10.74 3.927h17.033c1.045 0 1.512 0.609 1.042 1.361l-5.954 9.528h-19.872l6.379-10.209c0.235-0.376 0.849-0.681 1.372-0.681z"></path>
    <path d="M2.953 17.226h2.839l6.804 10.889h-1.892c-0.523 0-1.137-0.305-1.372-0.681z"></path>
</svg>

后来用 chrome.browserAction.setIcon 发现图标尺寸是有限制的，😳 。好吧，做了个 38*38 的才可以。

感觉我不是来研究 chrome 扩展开发的，是来研究黑客派 logo 的。

@88250 @Vanessa

发帖，咋不弄个草稿功能 😳