浏览器插件

Awesome browser extensions for GitHub Awesome

精选的GitHub优秀浏览器扩展列表.

Code

在GitHub上查看代码的抽象语法树(AST).

Screenshots ![GitHub AST Viewer](http://i.imgur.com/jumGRMd.gif)

在GitHub.com上为代码视图设置自定义标签大小

Screenshots ![GitHub Custom Tab Size](https://i.imgur.com/Y3Rf9SF.gif)

Octohint向GitHub添加了IntelliSense提示功能.

Screenshots ![OctoHint](https://github.com/pd4d10/octohint/raw/master/assets/demo.gif)

Octo-Linker是一个浏览器扩展,可将NPM,bower,Composer和Duo依赖项链接到其GitHub存储库页面. 它还可以解决.js,.jsx,.coffee或.md文件中的require()语句.

Screenshots ![OctoLinker](https://dl.dropboxusercontent.com/s/wl0s1rishc4e8lu/github-linker.jpg)

一个扩展,可在GitHub的源代码上创建到外部或内部导入模块的直接链接. 支持多种语言,包括Rust,Go,Python和Ruby等常见语言,以及Nim,Haskell,Julia和Elm等奇数语言.

Screenshots ![Module Linker](https://module-linker.alhur.es/screenshot/dart-screencast.gif)

在GitHub上查看JavaScript代码时,跳转到变量的定义. 同时突出显示所有变量引用.

Screenshots ![OctoTern](https://cloud.githubusercontent.com/assets/1303660/16002717/0198e584-3151-11e6-8ac3-21758d36aa58.gif)

他们是标签吗? 他们是空格吗? 多少? 再也不奇怪了! 在GitHub上的所有代码中,将空格呈现为“·”,将制表符呈现为“→”.

Screenshots ![Render Whitespace on GitHub](https://raw.githubusercontent.com/glebm/render-whitespace-on-github/master/store-assets/screenshot-render.png)

通过将制表符的大小强制为4而不是8,使制表符缩进的代码更具可读性.

Screenshots ![Tab Size on GitHub](https://dl.dropboxusercontent.com/s/srd0ik8tbpjzi0v/github-tab-size.jpg)

Whereisit使在GitHub上的代码导航更加容易. 单击即可查找并跳过类/方法定义.

Screenshots ![](https://cloud.githubusercontent.com/assets/1393946/15090769/d0472958-1433-11e6-8af0-c5294aae94d6.png)

代码折叠-有选择地隐藏和显示代码部分的功能-在许多文本编辑器和IDE中都是无价的功能. 现在,开发人员可以在GitHub上通过Web浏览源代码的同时利用相同样式的代码折叠. 适用于任何类型的缩进空格或制表符.

Screenshots ![](https://github.com/noam3127/github-code-folding/raw/master/images/demo.gif)

Easily navigate through the changes in a file that has been edited on GitHub.

Screenshots ![GitHub Diff Navigator screenshot](https://github.com/daattali/github-diff-navigator-extension/blob/master/img/doc/screenshot-markdown-example.png?raw=true) ![GitHub Diff Navigator video](https://github.com/daattali/github-diff-navigator-extension/raw/master/img/doc/demo.gif)

从任何git存储库中快速浏览文件的历史记录.

Screenshots ![Git History screenshot](https://user-images.githubusercontent.com/1911623/52460615-f3899d80-2b49-11e9-8c21-06af4097a527.gif)

Comments

为问题和PR链接着色,以查看其状态(打开,关闭,合并).

Screenshots

OctoDraft是一个浏览器扩展,在GitHub的问题部分添加了保存草稿按钮,用于那些没有时间编写整个问题的时间.

Screenshots ![OctoDraft](https://raw.githubusercontent.com/wildeyes/octodraft/master/on.png)

OctoEdit是一个浏览器扩展,它在GitHub的评论编辑区域中添加了一个新标签,提供Markdown语法突出显示和制表行为.

Screenshots ![OctoEdit](https://github.com/DrewML/OctoEdit/raw/master/example.gif)

键入时显示Markdown注释的实时预览. 适用于Issues + Pull Requests.

Screenshots ![GitHub OctoPreview Extension](https://raw.githubusercontent.com/DrewML/octo-preview/master/example.gif)

像拉取请求一样查看GitHub上的存储库. 该扩展使github.com能够在文件中做笔记,并将它们作为已编译列表添加到问题中.

Miscellaneous

该扩展将在您的浏览器中将“构建”选项卡添加到GitHub.

Screenshots ![Builds Tab for GitHub](https://i.imgur.com/r85028r.png)

向GitHub添加了各种有用的功能:

1.单击文件图标下载任何文件. 2.显示未读通知的工具提示. 3.显示回购规模. 4.如果它具有GitHub Pages,则显示“ GH Page”链接按钮. 5.制表符大小在2/4/8空白之间自定义.

Screenshots ![Download file](https://lh3.googleusercontent.com/kTEhmep4hM1Mknr1ILHgFVIzS8a-WszsdKjV0qH8Qjp7M-rbYA-yNR-WA6voWY7gtG9DIBn7Uw=s640-h400-e365-rw)

在1400px,1600px和1800px处添加断点,以便在大屏幕上获得完整的GitHub体验. 还可以在资源库浏览器中删除文件名和目录名的截断.

Screenshots ![github.expandinizr](https://dl.dropboxusercontent.com/s/7e9g9g0l445j90m/github-expandinizr.jpg)

Chrome扩展程序,它在浏览器中添加了一个按钮,并将该按钮链接到您将要配置的GitHub存储库,然后在任何网页上单击该扩展程序按钮,它将在该存储库中添加带有页面标题的给定链接.

Screenshots ![Like On GitHub](http://i.imgur.com/hUC9ed8r.png)

该扩展程序简化了GitHub界面并添加了有用的功能.

Highlights - [Mark issues and pull requests as unread](https://user-images.githubusercontent.com/1402241/27847663-963b7d7c-6171-11e7-9470-6e86d8463771.png) (它们将重新出现在通知中) - [Reaction avatars](https://user-images.githubusercontent.com/1402241/34438653-f66535a4-ecda-11e7-9406-2e1258050cfa.png) - [Waits for the PR checks before merging a PR](https://user-images.githubusercontent.com/1402241/35192861-3f4a1bf6-fecc-11e7-8b9f-35ee019c6cdf.gif) - [Linkifies issue/PR references in code, comments and titles](https://cloud.githubusercontent.com/assets/170270/25370217/61718820-29b3-11e7-89c5-2959eaf8cac8.png) - [Shows links to closing PR in issues and PR](https://user-images.githubusercontent.com/1402241/37037746-8b8eac8a-2185-11e8-94f6-4d50a9c8a152.png) - [And much more..](https://github.com/sindresorhus/refined-github#highlights)

将GitHub存储库可视化为d3强制控制图. 该扩展使您可以快速概览任何回购的规模和构成.

Screenshots ![Codeflower](https://github.com/code-flower/chrome/blob/master/images/screenshot-1.jpg)

将您的拉取请求/问题过滤到不同的类别中,从而极大地提高了生产率. 还建议使用新的趋势存储库.

Screenshots ![OctoLenses](https://raw.githubusercontent.com/rgehan/octolenses-browser-extension/5fc2ddf83234930f54b90b719facb1b8f58a641c/.github/dashboard_screenshot.png)

Chrome扩展程序可查看GitHub项目中的故事点.

Screenshots ![GitHub Story Points](https://raw.githubusercontent.com/banyan/github-story-points/master/assets/images/example.png)

用GitHub趋势项目替换浏览器的新选项卡屏幕.

Screenshots ![Hacker Tab](https://raw.githubusercontent.com/huchenme/hacker-tab-extension/master/images/screenshot.jpg)

一个Chrome扩展程序,用于在GitHub的提交页面上无限滚动.

OctoPermalinker是一个浏览器扩展程序,它在GitHub注释/文件中搜索分支上文件的链接, 并添加一个指向分支的注释/文件创建/更新位置的链接. 这有助于您避免跟踪发布后断开的链接. 对于上下文,这里是有关断开的GitHub链接的一些讨论: Don't link to line numbers in GitHub.

例如,假设您正在查看链接到回购主分支上文件的要点. 制作要点时,链接有效,但是如果文件被删除,则链接断开. OctoPermalinker使用要点创建日期添加仍然有效的永久链接. 以下是一些截屏视频,展示了它们之间的区别:

Screenshots ### Before ![Imgur](http://i.imgur.com/0x7mF6h.gif) ### After ![Imgur](http://i.imgur.com/NmyKDRk.gif)

对于经常在GitHub上阅读源代码并且不想下载或签出太多存储库的开发人员很有用.

Screenshots ![Octotree](https://dl.dropboxusercontent.com/s/87zbki7vvkucphr/octotree.jpg)

GitHub的Omnibar就像 bitbucket's

Screenshots ![](https://cloud.githubusercontent.com/assets/1235045/13912608/00623f8a-ef7a-11e5-92dc-20cd9815007d.png)

使从GitHub页面网站访问存储库信息变得容易.

Screenshots ![Pages2Repo](https://cloud.githubusercontent.com/assets/1393946/11908410/4027dc66-a5dc-11e5-9bce-b028aa884c9a.png)

显示GitHub降价文档的所有主题标题的可单击轮廓

Screenshots ![GitHub Markdown Outline Extension](https://raw.githubusercontent.com/dbkaplun/github-markdown-outline-extension/master/screenshot.png)

Newsfeed

Chrome扩展程序,可帮助您避免错过与回购相关的新闻线程中的重要更改

Screenshots ![Before](https://raw.githubusercontent.com/greybax/github-extension-my-repo-news/master/images/before.png) ![After](https://raw.githubusercontent.com/greybax/github-extension-my-repo-news/master/images/after.png)

在GitHub的仪表板上显示新闻提要中所有条目的图片

Screenshots ![](https://cloud.githubusercontent.com/assets/11520795/22998679/79690376-f3e0-11e6-8623-d96e565e1878.jpg)

super超小型chrome扩展程序,使您的GitHub新闻源更加井井有条

Screenshots ![OctoTab](https://raw.githubusercontent.com/lockys/Octotab.crx/master/assets/record.gif)

帮助您轻松查看自上次访问GitHub以来发生了哪些活动.

Screenshots ![What's New on GitHub](https://camo.githubusercontent.com/b167c82ff1f87582150a03ff81d20dc429274601/68747470733a2f2f6c68332e676f6f676c6575736572636f6e74656e742e636f6d2f7832744d704e41357757363330385a694e5a42474669506d714172653653716a48546d4d4d6d30585049764d43323063487167784e30362d324533566e375361367872695061595074673d77313238302d68383030)

关注您最喜欢的GitHub组织,并在主供稿中接收活动.

Screenshots ![Follow GitHub Organization](https://raw.githubusercontent.com/follow-github-organisation/follow-github-organisation.github.io/master/images/followgithub-og.png)

Notifications

分类您的混合GitHub通知

Screenshots ![GitHub Categoric](https://github.com/ozlerhakan/categoric/raw/master/images/cover.png)

在GitHub上收到新通知时显示通知,并提供对弹出式窗口中所有通知的快速访问.

Screenshots ![Advanced GitHub Notifier](http://i.imgur.com/Qy2fbRC.png)

Chrome和Firefox扩展程序,可在GitHub新闻源中发生任何事件时显示通知.

Screenshots ![News Feed for GitHub](https://raw.githubusercontent.com/julmot/news-feed-for-github/master/screenshots/chrome.png)

Chrome和Firefox扩展程序,可在弹出窗口中快速查看您的通知,而无需离开当前页面.

Screenshots

显示您的GitHub通知未读计数. 支持GitHub Enterprise,并提供仅显示您正在参与的问题的未读计数的选项.您可以单击图标快速查看未读通知.

Screenshots ![Notifier for GitHub](https://dl.dropboxusercontent.com/s/c7egcrhq1wvff5r/github-notifier.jpg)

Profile

GitHub Chrome扩展程序的CoderStats链接显示指向GitHub上当前显示的用户或组织资料页面的CoderStats页面的链接.

Screenshots ![GitHub Profile](https://raw.githubusercontent.com/coderstats/cxt_coderstats/master/Screenshot_Github_Coderstats_yaph.png) ![CoderStats Profile](https://raw.githubusercontent.com/coderstats/cxt_coderstats/master/Screenshot_Coderstats_yaph.png)

Chrome扩展程序可在类似Twitter的UI中检查您正在访问的GitHub个人资料是否关注您

Screenshots ![Follow Me or Not](https://raw.githubusercontent.com/mkstn/follow-me-or-not/master/assets/images/Screenshot%20from%202016-08-14%2003%3A07%3A39.png)

GitHub的整洁悬浮卡.

Screenshots ![GitHub Hovercard](https://raw.githubusercontent.com/Justineo/github-hovercard/master/screenshots/2.png)

允许您在普通GitHub贡献图和等距像素艺术版本之间切换.

Screenshots ![Isometric Contributions](https://dl.dropboxusercontent.com/s/kc1qxqitixx0hfp/isometric-contributions.jpg)

推断或尝试查找GitHub用户的Twitter句柄,并在GitHub界面中将其呈现给您.

Screenshots ![](https://cloud.githubusercontent.com/assets/1393946/14272254/9a83b0a2-fb01-11e5-8d04-52687ae367f8.png)

扩展以获取当前和最长的条纹.

Screenshots ![GithubOriginalStreak](https://imgur.com/lkm6Hlx.png)

在用户个人资料页面上生成一个饼图,显示用户在其存储库中使用了哪些语言的细分.

Screenshots ![GitHub User Languages](https://github.com/crnbrdrck/github-user-languages/blob/master/img/demo.png)

PullRequest

Show the # of PRs and other contributors stats in the Issues/PRs tab. Can be helpful for maintainers that want to know if it's a contributor's first PR.

Screenshots ![Contributors on GitHub](https://github.com/hzoo/contributors-on-github/blob/master/firstpr.gif)

在GitHub.com上展开和折叠文件差异

Screenshots ![GitHub Diffs](https://lh3.googleusercontent.com/AWUu9P702CPbmnOHf5ouw4t8-qf29eA00wdRUmsbXF79-NPbJyDaTNLMZzTCLOQneB-kBtCUBx0=w640-h400-e365)

在GitHub源代码视图中突出显示选定的单词,例如Sublime Text.

Screenshots ![GitHub Highlight Selected](https://dl.dropboxusercontent.com/s/2un7ezpdipunn70/github-highlight-selected.jpg)

Chrome扩展程序可优化GitHub以处理大型请求.

在查看代码时,只要大的提取请求页面无响应,就可以启用扩展程序以优化页面.

浏览器扩展,显示哪些拉取请求包含与文件相关的更改.

Screenshots ![Potential changes demo](https://raw.githubusercontent.com/dzhavat/potential-changes-for-github/master/demo.gif)

为您的出色拉取请求找到最佳的GIF.

Screenshots ![Gifhub Pull Request demo](https://media.giphy.com/media/3j0YBqAtA10gBAufyh/giphy.gif)

帮助您跟踪传入和传出的PR,并在GitHub上收到拉取请求时通知您.

Screenshots ![PR Monitor demo](https://github.com/fwouts/prmonitor/raw/master/screencasts/latest.gif)

Repository

轻松查看GitHub项目是否具有 Gitter 房间.

Screenshots ![Gitter Helper](https://lh3.googleusercontent.com/sRRg2KsBhOnu3RFfLZYDWFEn52hngmM9ygdc-gBvjmY4l8a4moFjgXJTVUVNNj-oIUCplfVwHgQ=s1280-h800-e365-rw)

从GitHub文件浏览器隐藏点文件.

Screenshots ![Hide files on GitHub](https://dl.dropboxusercontent.com/s/80jpb795dckfel7/github-hide-files.jpg)

一个浏览器扩展,在GitHub上为不同的文件类型提供了不同的图标.

Screenshots

Show vscode-icons 在资源库浏览器中.

Screenshots

请参见存储库名称下星号最多的叉子.

Screenshots ![Slate fork](https://musicallyut.in/docs/lovely-forks/slate-fork-80.png)

在GitHub上显示npm软件包统计信息

Screenshots ![GitHub Markdown Outline Extension](https://lh3.googleusercontent.com/0gjsw1qwSb7Dif3RL02oPcTsx2NjlkKe9NOjJL86HzyVulp7akmi2ksSuJHgXj5dJ23lP2Pa=w640-h400-e365)

当在github.com上查看具有package.json文件的存储库时,此扩展将内省package.json中的依赖项,并在回购协议的README下方显示每个依赖项的链接和描述.

Screenshots

该软件包列出了您在浏览GitHub时遇到的各种软件包的软件包文件中的依赖性.

Screenshots ![Package Hub](https://raw.githubusercontent.com/BrainMaestro/packagehub/master/screenshot.png)

显示每个文件的大小,下载链接以及将文件内容直接复制到剪贴板的选项

Screenshots

自动将存储库大小添加到GitHub的存储库摘要中.

Screenshots

此扩展用于显示GitHub中的回购协议的travis-ci状态. 有一个直观的图表,显示最近10次的构建状态和持续时间变化.

Screenshots

当您查看代码,提取请求和差异时,Sourcegraph浏览器扩展提供了类似于GitHub IDE的功能:

1.转到定义 2.查找参考 3.强大的代码搜索,带有正则表达式匹配,差异搜索和其他过滤器 4.悬停工具提示 5.文件树导航

Screenshots ![Sourcegraph](https://images.contentful.com/le3mxztn6yoo/d9Pe31cX3aK6UGGImuKoM/58ecdd7ba9016d34445db86162e7f9dd/CodeReview2.gif?w=1440&h=1095&q=50)

ZenHub是第一个也是唯一一个可以在GitHub内部运行的项目管理套件. 通过专门为初创公司,快速发展的工程团队和开源社区构建的功能来增强您的工作流程. 该产品是一个浏览器扩展,可注入高级功能,包括实时拖放式发行任务板,通过+1按钮提供的对等反馈,以及支持将任何文件类型直接上传到GitHub界面. ZenHub可以轻松地将所有流程集中到GitHub,从而保持团队的精简和敏捷性.

Screenshots ![ZenHub](https://dl.dropboxusercontent.com/s/yosmyg8zsl5tyc5/zenhub.jpg)

这是一个轻量级的Chrome扩展程序,可以自动检测以下实例 asciinema 链接到GitHub上的README文件,并将播放器嵌入其位置. 与其直接进入asciinema网站观看“ asciicast”,不如直接在自述文件(或任何.md,.rst`,.textile, etc. 文件),这要感谢 embedded player widget.

Screenshots ![asciinema Player for GitHub](https://raw.githubusercontent.com/plibither8/asciinema-player-for-github/master/assets/demo.gif)

简单谨慎的扩展功能,增强了GitHub的搜索功能,使您可以比以往更快地搜索存储库和人员.

Screenshots ![Pages2Repo](https://dl.dropboxusercontent.com/s/zg3cblx3q8fhbkl/github-awesome-autocomplete.jpg)

使在GitHub中的搜索更好. 使用GitHub,每个非分支存储库只能搜索一个分支. 用 GitSense,您可以从任何存储库中搜索任何分支,等等.

Screenshots ![gitsense](https://raw.githubusercontent.com/gitsense/insight/misc_images/images/search-any-branch.png)