两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

1.前言

笔者经常在Github上查看项目源码的时候,需要慢慢的打开页面查看东西,非常不方便。
因此,找到两个快捷好用的插件(chrome,Firefox都支持),能快速打开github上的项目代码,文件等。

2.正文

第一种插件:Octotree


Octotree插件适用于不常用github的人,只是想看看代码下载项目之类的人员使用,因此,功能比较单一,只是方便查看代码功能。

1.打开谷歌浏览器,
打开谷歌商店
搜索Octotree 插件。下载安装到chrome。
两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

2.安装后,刷新一下浏览器,打开Github上的任意一个项目,浏览器的左侧上角就会多了一个箭头,点开,查看github的代码就方便了。
如下如所示:
两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

第二种插件:insight.io

insight.io也是方便查看github的代码的一种插件。
但是比上面那种更加多功能,支持文件搜索等。

如果你是常用github的,那么这个插件更适合你。
同样,打开谷歌浏览器应用商店,直接搜索”insight.io”

两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

还有就是下载安装以后,如果没有启用的话,记得自己启用插件。在浏览器的插件设置里面。

两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

功能总览

下载安装后,打开一个GitHub上的项目,会看到左边有个侧边栏,插件提供以下功能

  • 跳转到定义
  • 查找引用
  • 目录树功能
  • 基于符号的代码搜索

两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

交叉引用

Apache Spark做例子,悬浮在某个节点(类,方法,变量等)上就可以看到相应的类型和文档说明。点击左边的结构(Structure)按钮就可以看到改文件的类结构,包括成员变量,成员函数等,点击也可以跳到相应的行。

两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

查找引用

点击任何节点的用例就能跳到这个类,方法或者变量定义的地方(类似于IDE中的Ctrl + click)。

点击类,方法和变量的定义节点,则可以找出所有该节点的使用例子。其中使用例子又会以被引用(Referenced At), 继承 (Inherit), 被继承(Inherited By), 重写(Override)等类型进一步分类方便查找。如果结果太多,用例的右上方也会有支持regular expression的文本框可以用来过滤出感兴趣的文件。

两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

目录树

点击文件(File)按钮你会看到树状的目录结构,忘记GitHub上切换文件的痛苦吧,文件树让你轻松的在项目之内的文件中自如切换。

对于私有项目需要点击下方的Sign In按钮并到insight.io上导入私有项目文件树才会生效。

两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

代码搜索

GitHub只支持纯文本搜索,这时常让搜索代码变得很困难,特别是当你想搜的关键词是常用词的时候,大量的无用结果会让搜索功能完全不可用。而是用Insight.io插件,点击搜索(Search)按钮可以按类名,方法名,变量名,文件名等等搜索代码,并且有自动补全功能。试试在Insight.io和GitHub原生搜索上搜一下RDD.map对比下搜索结果吧?

两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

跳转到Insight.io

你也可以一键点击跳转到Insight.io上获得更好的浏览体验。

两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

提交项目给Insight.io

Insight.io目前收录了2000多个最活跃的开源项目,包括Apache KafkaLinux-kernel这样的大型项目,也有像AndroidSwipeLayout这样优质的个人项目。如果你需要的项目并未被我们收录,点击Information栏下的Request Analyze就可以提交你目前正在浏览的项目了。

两个方便在Github上查看源代码的浏览器插件Octotree+insight.io

快捷键

用快捷键可以快速打开关闭插件功能:

快捷键在settings里面有。


插件下载地址


参考博客地址:http://www.geeksense.cn/plugin/


You got a dream, you gotta protect it.
如果你有梦想的话,就要去捍卫它 。 ——《当幸福来敲门》。