说实话，在国内使用GitHub的体验不是很好，很大的原因还是在于互联网。github访问比较卡，这个好像无解。国内的gitee网速不错，但是不能代替github。个人感觉gitee上开源项目多，工具库少。在网络对比的情况下，如果我们想在线查看GitHub上的项目源码，是非常不方便的。我们需要不断的进入某个目录，然后退出，再进入其他目录，这样每一个页面都得一次性加载，非常不方便查看。今天松哥就给大家介绍两款浏览器插件SourceGraph和Octotree。使用这两款浏览器插件，你可以很方便地在线查看GitHub上的项目源代码。Chrome或Firefox都可以安装此插件。一、SourceGraph1.1简介SourceGraph是一个基于Apache2.0开源协议的开源工具，集代码查看、审查PR、代码搜索等功能于一体。开发者必备。1.2支持的浏览器虽然大多数情况下我们可能会在Chrome或者Firefox上使用SourceGraph，但实际上SourceGraph支持的不止Chrome和Firefox，包括Vscode在内的大部分工具都支持，如下：是的我看到了Chrome,Firefox,VsCode,JetBrains家族桶（IDEA、WebStorm等）、Vi、Sublime、Atom。1.3支持平台那么我们可以使用哪些网站来浏览代码呢？除了GitHub，还支持哪些平台？可以看到常见的GitHub、GitLab、Bitbucket都支持，Phabricator、AzureDevOps、AWSCodeCommit也有很好的支持。1.4安装火狐。您可以直接搜索并安装Chrome。如果不方便上网，宋哥已经帮你下载了。公众号后台回复sourcegraph，获取sourcegraph离线包下载地址。离线包下载完成后，直接拖到浏览器安装即可。在这里我将向您展示正常安装。在ChromeStore中搜索SourceGraph，如下：找到后点击右侧的AddtoChrome按钮。因为我已经安装过了，按钮是评分，安装完成。之后在浏览器上会多出一个SourceGraph的图标，如下：这样，SourceGraph就安装好了。1.5使用这时候我们打开GitHub上的任意一个项目。以松哥的微人事为例，如下：可以看到项目的Watch旁边多了一个按钮。这个按钮是SourceGraph。我们可以点击它进入到SourceGraph页面：这个就像是一个开发工具，我们可以很方便的在右边展开项目的包，看看我们要看哪个文件。上面的搜索框支持正则表达式搜索，可以方便的找到项目中相关变量的定义。在SourceGraph中，还可以查看变量被定义或引用的位置（此功能需要登录SourceGraph才能使用）：是否可以作为IDE使用。有了这些功能，我们在GitHub上浏览项目就会方便很多。朋友不妨一试。2、Octotree2.1介绍Octotree（https://www.octotree.io/）是一个浏览器插件，Chrome、Firefox和Opera都很好地支持它。这个插件可以将GitHub上的项目代码以树的形式展示出来，在展示的列表中，我们可以下载指定的文件，而不用下载整个项目。2.2安装Firefox安装Octotree很简单，问题不大，但可能有些朋友在Chrome上安装不方便。宋兄已经在Chrome上下载了Octotree的离线安装包。请在我的公众号后台回复octotree即可获取下载链接。当然，如果方便大家的话，可以直接在Chrome商店中搜索，方法如下：选择第一个免费版安装。安装完成后，浏览器右上角会有相应的图标，如下：2.3使用Octotree安装成功后，打开一个GitHub网页，我们可以在左侧看到Octotree插件，如下：在这样，您就可以快速打开和浏览GitHub文件。单击文件名前面的图标可在单独的网页中打开文件。好了，这两件神器就这些了，大家不妨试试看。
