Top 10 Chrome Extensions for Developers
And another bonus extension!
The websites you access are created with different technologies, frameworks, programming languages,… Wappalyzer lists with a good percentage of accuracy which tools that page is using. It often even informs the operating system used and as well as the web server.
It’s worth installing to discover more resources and consequently become more interactive with the news and obtain a greater range of knowledge about the tools!
Vimium is an extension that makes it possible for you to use Vim commands directly in your Chrome! In addition to offering a tab switcher in a simple way.
We’ve even made a video about this extension, if you want to watch it click on the link: https://www.youtube.com/watch?v=yBe-KotZIac
03. JSON Formatter
When we access a page that displays JSON, it is usually without Syntax Highlight and without formatting. To resolve this impasse, install JSON Formatter and pass to view JSONs on the web in an easier way to identify elements.
At this exact moment in this video it is possible to see the installation and notice the difference in display after using JSON Formatter!
To more easily search the details of each library and quickly find usage details, just type
cc in Chrome’s address bar and then press the
SPACE key and type the name of the library to find it directly.
And you can do this by installing and using the extension: C/C++ Search Extension.
05. Quick Translate
To obtain quick translations of selected excerpts on a web page, simply install Quick Translate, select the text and then press the
Shift key and a mini window will quickly open showing the translation in your language.
06. Markdown Viewer
To make this possible, install Markdown Viewer.
Remember, after installing, go to the extension settings and enable reading local files:
file:///so that the extension works perfectly!
Sometimes you see a color on a web page and would like to know the Heaxadecimal code or RGB of that color to reuse in other development situations.
To do this you can install and use: ColorZilla, in the past this extension was called: Color Picker.
Testing your website or creating some way to circumvent the identification of the page regarding which browser, operating system, screen resolution, etc., can be solved by changing the User Agent in the browser itself. And you can acquire this by installing: User-Agent Switcher.
In the same way that it is good to discover the colors of a page, it is also interesting to sometimes know which font is used by that website.
And you can easily achieve this by installing and using the extension: WhatFont!
That’s right, Syntaxtic! colors declarations of programming languages and other code formats. It is currently possible to code with SyntaxHighlighter in languages and formats such as:
- C++ (
- C (
- Java (
- C# (
- Go (.go)
- SQL (
- CSS (
- Bash (
- Perl (.pl.perl.pm) And among many others, such as: Actionscript, Clojure, diff/patch, Erlang, Groovy, Latex, Objective-C, Plain text , PowerShell, Python, Ruby, Scala, Swift, Typescript, VisualBasic, CSV, …
How about seeing more cute GitHub and GitLab files with icons? So, so that you can view it as shown in the image above, just install File Icons for GitHub and GitLab:
You can quickly activate and deactivate your extensions at:
chrome://extensions/ do Chrome.
For more information about extensions visit the Google Chrome extensions page.