markdown用于软件开发的chrome扩展程序(代码片段)

author author     2022-12-14     106

关键词:

 > Updated 2019-06-05

# Chrome Extensions for Developers

Below is a list of Chrome extensions that I've found to be especially helpful for software development.  There's a section for **Chrome Extensions by Google**, and another section for **Chrome Extensions for GitHub**.

## Developer Extensions

* [**Clear Cache**](https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn) - A simple extension that clears your browser cache (and optionally history, cookies, etc) with a single click.  I use this extension multiple times per day.
* [Window Resizer](https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh) - Emulate other devices/platforms by quickly resizing your screen.  Chrome Dev Tools offers this functionality too, but this exension can sometimes be a quicker alternative.
* [**ColorPick Eyedropper**](https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg) - Quickly identify the Hex code or RGB values of any color on any webpage simply by hovering over it.
* [**WhatFont**](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm) - The font equivalent to Colorpicker, this extension allows you to easily identify any font on any webpage simply by hovering over it.
* [**Crouton Integration**](https://chrome.google.com/webstore/detail/crouton-integration/gcpneefbbnfalgjniomfjknbcgkbijom) - Must-have extension if you have a Chromebook rooted to developer mode and have installed Crouton.
* [Code Climate Extension](https://chrome.google.com/webstore/detail/code-climate/phgahogocbnfilkegjdpohgkkjgahjgk) - Deeply integrated into the GitHub UI, from showing CodeClimate stats at the top of each repo, to identifying line-specific issues in PR diffs.
* [**JSON Viewer**](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh) - Prettifies minified JSON responses for easy reading.
* [bl.ocks.org](https://chrome.google.com/webstore/detail/blocksorg/phjkbonaifennbfpmieeipknnkhaoiaf) - Extension from [Mike Bostock](https://github.com/mbostock) that "renders" your gists.

### By Google

* [Chrome Dev Tools Companion](https://chrome.google.com/webstore/detail/discover-devtools-compani/angkfkebojeancgemegoedelbnjgcgme) - An extension to hep you learn the ins and outs of Chrome Dev Tools.
* [**Page Analytics**](https://chrome.google.com/webstore/detail/page-analytics-by-google/fnbdnhhicmebfgdgglcdacdapkcihcoh) - Displays your Google Analytics data in-page on any website where you've installed Google Analytics.
* [Google Analytics Debugger](https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna) - prints useful page stats to the console by automatically enabling the debug version of the GA script.
* [Tag Assistant](https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk) - Ensure that all your various Google tags are installed correctly and functioning properly.
* [User-Agent Switcher for Chrome](https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg) - Does exactly what the name implies.  Makes it easy to switch user-agent strings with a single click.

### For GitHub

* [GitHub Notifier](https://chrome.google.com/webstore/detail/notifier-for-github/lmjdlojahmbbcodnpecnjnmlddbkjhnn/related) - Shows your GitHub notifications as a Chrome extension badge.
* [**Refined GitHub**](https://chrome.google.com/webstore/detail/refined-github/hlepfoohegkhhmjieoechaddaejaokhf) - Simplifies the GitHub UI and adds a bunch of useful features.
* [Isometric Contributions](https://chrome.google.com/webstore/detail/isometric-contributions/mjoedlfflcchnleknnceiplgaeoegien) - Allows you to view your GitHub contributions in an Isometric Graph.  Pretty cool and fun!
* [OctoLinker](https://chrome.google.com/webstore/detail/octolinker/jlmafbaeoofdegohdhinkhilhclaklkp) - Enables smart navigation between files
* [Builds Tab for GitHub](https://chrome.google.com/webstore/detail/builds-tab-for-github/jnmdkbflmkjehkkdbjdfpmhgdafpcdkh) - Adds a Builds tab to GitHub
* [Contributors on GitHub](https://chrome.google.com/webstore/detail/contributors-on-github/cjbacdldhllelehomkmlniifaojgaeph/related) - Shows information about a user's contributions on GitHub
* [**GitHub Issue Link Status**](https://chrome.google.com/webstore/detail/github-issue-link-status/nbiddhncecgemgccalnoanpnenalmkic) - Colors issue links by their status
* [GitHub Repository Size](https://chrome.google.com/webstore/detail/github-repository-size/apnjnioapinblneaedefcnopcjepgkci) - Shows the size of a repository along the top of the repo (Next to commits, releases, etc)
* [Notifications Preview for GitHub](https://chrome.google.com/webstore/detail/notifications-preview-for/kgilejfahkjidpaclkepbdoeioeohfmj) - Shows your notifications on hover
* [**Wide GitHub**](https://chrome.google.com/webstore/detail/wide-github/kaalofacklcidaampbokdplbklpeldpj) - Expands the GitHub interface to the full width of your browser
* [Twitter for GitHub](https://chrome.google.com/webstore/detail/twitter-for-github/joalalcafnlmimkfkihjbdgmphgedojc/related) - Shows a user's twitter handle in their GitHub profile
* [Octo Preview](https://chrome.google.com/webstore/detail/octo-preview/elomekmlfonmdhmpmdfldcjgdoacjcba) - Shows live markdown previews underneath issues, PRs, comments, etc
* [GitHub Hovercard](https://chrome.google.com/webstore/detail/github-hovercard/mmoahbbnojgkclgceahhakhnccimnplk/related) - Name says it all.  Enhances tooltips throughout GitHub.

 > If you're not satisfied with this list, then checkout the [AWESOME List of GitHub Extensions](https://github.com/stefanbuck/awesome-browser-extensions-for-github)

用于刷新页面的 Chrome 扩展

】用于刷新页面的Chrome扩展【英文标题】:Chromeextensionusedtorefreshpages【发布时间】:2012-02-1102:13:54【问题描述】:我正在尝试开发一个Chrome扩展程序,它可以通过每5分钟刷新一次来向我显示来自足球新闻网站的最近3条新闻(显... 查看详情

用于收听和捕获流式音频的 Chrome 扩展程序

】用于收听和捕获流式音频的Chrome扩展程序【英文标题】:Chromeextensiontolistenandcapturestreamingaudio【发布时间】:2013-03-0819:39:13【问题描述】:Chrome扩展程序是否可以从浏览器的任何选项卡中侦听流式音频?我想捕获流式音频数据... 查看详情

已编辑的 Chrome 扩展程序 - chrome 认为它是恶意软件

】已编辑的Chrome扩展程序-chrome认为它是恶意软件【英文标题】:EditedChromeExtension-chromethinksitismalware【发布时间】:2015-01-2017:58:53【问题描述】:我最近编辑了一个扩展程序的css和HTML文件,为自己提供更好的体验。但是,当我启... 查看详情

javascripthotreload用于开发chrome扩展(代码片段)

查看详情

markdown适用于后端和前端开发人员的最受欢迎的googlechrome扩展程序。(代码片段)

查看详情

一种开发chrome扩展程序的新姿势(代码片段)

我们在日常工作和生活中经常会使用到各种各样的Chrome扩展程序,比如1Password能自动帮你填充密码,Adblock能帮你拦截广告,又或者是开发时经常会使用的ReactDeveloperTools,ReduxDevTools等等。这些扩展程序对效率的提升是巨大的。在... 查看详情

如何在chrome浏览器安装第三方扩展

...试都不能够。提交ChromeWebStore审核需要一次性付费5美元,用于验证开发者账户。插件发布审查周期需要等1-3个工作日,更新个插件也要等半小时。一个开发者帐号限制发布最多20个扩展。世界这么大,钱不是问题,我想更自由些... 查看详情

如何自动重新加载我正在开发的 Chrome 扩展程序?

】如何自动重新加载我正在开发的Chrome扩展程序?【英文标题】:HowdoIauto-reloadaChromeextensionI\'mdeveloping?【发布时间】:2011-02-2703:23:54【问题描述】:我希望每次在扩展文件夹中保存文件时都重新加载我的chrome扩展,而不必在chrome... 查看详情

如何为 Gmail 开发 Chrome 扩展程序?

】如何为Gmail开发Chrome扩展程序?【英文标题】:HowtodevelopChromeextensionforGmail?【发布时间】:2014-06-0404:17:09【问题描述】:我正在考虑为Gmail开发Chrome扩展程序,我想知道当前的最佳做法是什么。例如:默认为每封电子邮件附加GP... 查看详情

python用于直接从googlechrome网上应用店下载chrome扩展程序(crx)文件的python脚本。(代码片段)

查看详情

python用于直接从googlechrome网上应用店下载chrome扩展程序(crx)文件的python脚本。(代码片段)

查看详情

python用于直接从googlechrome网上应用店下载chrome扩展程序(crx)文件的python脚本。(代码片段)

查看详情

如何使用 Chrome 扩展程序自动保存 Google Chrome 开发者工具的网络面板日志?

】如何使用Chrome扩展程序自动保存GoogleChrome开发者工具的网络面板日志?【英文标题】:HowtoautomatesavingthelogofNetworkpanelofGoogleChromeDevelopertoolsusingChromeextension?【发布时间】:2016-08-1600:51:02【问题描述】:假设我打开一个网络应用... 查看详情

如何启用被禁用的chrome第三方插件

使用开发者模式安装启用被Chrome停用的第三方扩展插件常用方法:在Chrome扩展管理页面,勾选开发者模式。然后浏览第三方扩展文件夹(未打包),或者将第三方扩展安装包crx格式,拖进去安装即可。以开发者模块安装插件,都... 查看详情

去除chrome请停用以开发者模式运行的扩展程序

491228919979367332519323637312432420710501228925171243207111111110310810130340259912021422841363352445210921491381904562251712432025991202142284136335244521093682720837292562641221495200134422914585648464846515756554649484810511228923558259912021422797210463682721435442019731649297022159236523202213... 查看详情

调试 Chrome 扩展程序时,有啥方法可以让开发人员工具保持打开状态?

】调试Chrome扩展程序时,有啥方法可以让开发人员工具保持打开状态?【英文标题】:IsthereanywaytokeepDeveloperToolsopenwhendebuggingaChromeExtension?调试Chrome扩展程序时,有什么方法可以让开发人员工具保持打开状态?【发布时间】:2015-... 查看详情

彻底禁用chrome的“请停用以开发者模式运行的扩展程序”提示

彻底禁用Chrome的“请停用以开发者模式运行的扩展程序”提示,附工具下载2018年07月25日14:58:31 阅读数:86更多个人分类: Webtechnology 对于高版本chrome,经常会出现烦人的“请停用以开发者模式运行的扩展程序”提示... 查看详情

chrome扩展程序开发之在目标页面运行自己的js

...码中加入js的。可惜我们没有这个能力。不过幸运的是,chrome的扩展程序可以帮我们做到这件事。GoogleChrome是一个很强大的浏览器,提供了各种各样的插件,大大提升了使用了的效率,比如vimium、honx等。Google在提供这些插件的同... 查看详情