{"id":7705,"date":"2021-08-10T07:23:38","date_gmt":"2021-08-10T07:23:38","guid":{"rendered":"https:\/\/www.scmgalaxy.com\/tutorials\/?p=7705"},"modified":"2021-08-10T07:23:42","modified_gmt":"2021-08-10T07:23:42","slug":"top-21-chrome-extension-every-software-engineer-must-know","status":"publish","type":"post","link":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/","title":{"rendered":"Top 21 Chrome Extension every software engineer must know"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">1. Speedtest by Ookla: <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Take a Speedtest directly from your toolbar to quickly test your internet performance without interruption.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ookla.jpg\" alt=\"\" class=\"wp-image-7707\" width=\"734\" height=\"459\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ookla.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ookla-300x188.jpg 300w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Save to Google Drive:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This extension allows you to save web content directly to Google Drive through a browser action or context menu. You can save documents, images, and HTML5 audio and video all by right-clicking and selecting &#8216;Save to Google Drive&#8217;. You can save the currently viewed page using the &#8216;Save to Google Drive&#8217; browser action. You can automatically convert Microsoft Office files or comma-separated files to Google Docs format.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/save-to-google-drive-chrome-extension-1024x536.png\" alt=\"\" class=\"wp-image-7709\" width=\"756\" height=\"395\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/save-to-google-drive-chrome-extension-1024x536.png 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/save-to-google-drive-chrome-extension-300x157.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/save-to-google-drive-chrome-extension-768x402.png 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/save-to-google-drive-chrome-extension.png 1200w\" sizes=\"auto, (max-width: 756px) 100vw, 756px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Keeper\u00ae Password Manager &amp; Digital Vault:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Protect and autofill passwords with the world&#8217;s most trusted and #1 downloaded secure password manager and digital vault.<br>Stay protected with the world&#8217;s most trusted and #1 downloaded password keeper and digital vault. Keeper\u2019s password manager generates, stores, and auto-fills strong passwords on all of your devices while also securely storing and protecting your private documents. Don&#8217;t get hacked. Get Keeper.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/keeper.jpg\" alt=\"\" class=\"wp-image-7710\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/keeper.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/keeper-300x188.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4. Vimeo Record &#8211; Screen &amp; Webcam Recorder :<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Screen recording is often the easiest way to demonstrate something \u2014 a design, a functionality, or a new tool \u2014 and now, Vimeo makes it straightforward. You can\u00a0use the Vimeo Record tool to easily record your screen\u00a0and share that recording with others.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/vimeo-1024x640.jpg\" alt=\"\" class=\"wp-image-7711\" width=\"778\" height=\"486\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/vimeo-1024x640.jpg 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/vimeo-300x188.jpg 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/vimeo-768x480.jpg 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/vimeo.jpg 1280w\" sizes=\"auto, (max-width: 778px) 100vw, 778px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">5. Scrn.li &#8211; Screenshot Tool and Editor:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The app to make a full webpage screenshot or just any part of it with an opportunity to edit, save and download screen capture to your PC. The app is launched from a browser that totally saves your time. Simply click the extension icon to choose from options whole page screenshot or a selected part. Lots of features at your disposal allow you to     &#8211; edit and reset changes;&#8230;&#8230;&#8230;&#8230;. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/download.jpg\" alt=\"\" class=\"wp-image-7712\" width=\"631\" height=\"401\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">6. Full Screen:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is just a full-screen button added to the toolbar. It does exactly the same as the keyboard shortcuts (F11 on Windows or Cmd+Shift+F on Mac). You can change the icon and add\/remove the full-screen function to the context menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-rounded\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/full_screen.jpg\" alt=\"\" class=\"wp-image-7714\" width=\"722\" height=\"451\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/full_screen.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/full_screen-300x188.jpg 300w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">7. Site Palette \u2013 Palette Generator Extension:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This Chrome browser extension generates comprehensive palettes.\u00a0Site Palette\u00a0is one of the must-have Chrome extensions for developers (frontend) as well as expert designers. This plugin can aid you in rapidly extracting and creating color pallets. As a developer, you can easily download preview PDFs, palette images and create shareable links. It is armed with flawless integration with Google Art Palette and coolers. co. Site Palette has been considered as one of the essential Chrome browser extensions for designers and developers across the globe.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Site-Palette-Palette-Generator-Extension-1024x451.png\" alt=\"\" class=\"wp-image-7715\" width=\"768\" height=\"337\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Site-Palette-Palette-Generator-Extension-1024x451.png 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Site-Palette-Palette-Generator-Extension-300x132.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Site-Palette-Palette-Generator-Extension-768x338.png 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Site-Palette-Palette-Generator-Extension.png 1331w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">8. Font Face Ninja \u2013 Font Identifier Extension:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">FontFace Ninja\u00a0is one of the best Chrome extensions for developers that help you identify the fonts you see online. This fantastic browser extension allows you to hover over the text on the screen to instantaneously assist you in spotting a font, letter-spacing, line spacing, size, and even the color hex code. Besides, the Chrome browser extension also lets you test the font out yourself with whatever text by writing anything out in the extension\u2019s drop-down window.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Font-Face-Ninja-Extention-1024x552.png\" alt=\"\" class=\"wp-image-7716\" width=\"734\" height=\"395\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Font-Face-Ninja-Extention-1024x552.png 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Font-Face-Ninja-Extention-300x162.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Font-Face-Ninja-Extention-768x414.png 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Font-Face-Ninja-Extention.png 1243w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">9. React \u2013 Developer Tools Extension:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">React\u00a0is a Chrome DevTools chrome extension or chrome plugin that provides the open-source React JavaScript library for a website or web page. Among the list of chrome browser extensions, this extension allows you to check a React tree, comprising the component hierarchy, state, props, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/React-Developer-Tools-Extension-1024x450.png\" alt=\"\" class=\"wp-image-7717\" width=\"747\" height=\"328\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/React-Developer-Tools-Extension-1024x450.png 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/React-Developer-Tools-Extension-300x132.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/React-Developer-Tools-Extension-768x337.png 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/React-Developer-Tools-Extension.png 1330w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">10. ColorZilla \u2013 Color Picker Extension:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">ColorZilla for Google Chrome is an extension that assists web developers and graphic designers with color-related tasks &#8211; both basic and advanced.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ColorZilla-Color-Picker-Extension.png\" alt=\"\" class=\"wp-image-7718\" width=\"704\" height=\"418\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ColorZilla-Color-Picker-Extension.png 512w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ColorZilla-Color-Picker-Extension-300x178.png 300w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">11. Page Ruler \u2013 Size Checker Extension:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Unlike other available tools in the market, it has a lot of unique features which ensure highly accurate measurement of elements. This makes it a must-have tool for developers and designers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Page-Ruler-Extension-1024x490.png\" alt=\"\" class=\"wp-image-7719\" width=\"766\" height=\"366\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Page-Ruler-Extension-1024x490.png 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Page-Ruler-Extension-300x144.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Page-Ruler-Extension-768x368.png 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Page-Ruler-Extension.png 1228w\" sizes=\"auto, (max-width: 766px) 100vw, 766px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">12. Emoji Keyboard by JoyPixels\u00ae <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The world&#8217;s leading emoji keyboard for Chrome. Now Unicode 13 compatible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/emoji_keyboard.jpg\" alt=\"\" class=\"wp-image-7720\" width=\"758\" height=\"474\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/emoji_keyboard.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/emoji_keyboard-300x188.jpg 300w\" sizes=\"auto, (max-width: 758px) 100vw, 758px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">13. Enhanced GitHub<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Display repo size, size of each file, download link, and option to copy file contents. Extension that provides useful features on top of GitHub Website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/enhance_github.jpg\" alt=\"\" class=\"wp-image-7721\" width=\"750\" height=\"469\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/enhance_github.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/enhance_github-300x188.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">14. AdGuard AdBlocker<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Unmatched AdBlock extension against advertising and pop-ups. Blocks ads on Facebook, YouTube, and all other websites. AdGuard ad blocker effectively blocks all types of ads on all web pages, even on Facebook, YouTube and others.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Adguard_AdBlocker.jpg\" alt=\"\" class=\"wp-image-7722\" width=\"712\" height=\"445\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Adguard_AdBlocker.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Adguard_AdBlocker-300x188.jpg 300w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">15. Octotree &#8211; GitHub code tree<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Browser extension that enhances GitHub code review and exploration.<br>Features &#8211; IDE-like code tree, Folder, and file search, Support private repositories, Repo\/file\/issue\/pull request bookmarking, High performance, working with repositories of any size<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Octotree_Github.jpg\" alt=\"\" class=\"wp-image-7723\" width=\"719\" height=\"449\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Octotree_Github.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Octotree_Github-300x188.jpg 300w\" sizes=\"auto, (max-width: 719px) 100vw, 719px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">16. Light House:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO, and more. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Light_House.jpg\" alt=\"\" class=\"wp-image-7724\" width=\"731\" height=\"457\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Light_House.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Light_House-300x188.jpg 300w\" sizes=\"auto, (max-width: 731px) 100vw, 731px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">17. Wappalyzer:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wappalyzer is a technology profiler that shows you what websites are built with. Wappalyzer is more than a CMS detector or framework detector: it uncovers more than a thousand technologies in dozens of categories such as programming languages, analytics, marketing tools, payment processors, CRM, CDN, and others.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Wappalyzer.jpg\" alt=\"\" class=\"wp-image-7725\" width=\"725\" height=\"453\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Wappalyzer.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Wappalyzer-300x188.jpg 300w\" sizes=\"auto, (max-width: 725px) 100vw, 725px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">18. Momentum: <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Replace the new tab page with a personal dashboard featuring to-do, weather, and inspiration. New Tab page that gives you a moment of calm and inspires you to be more productive. Get inspired with a daily photo and quote, set a daily focus, and track your to-dos. Eliminate distractions and beat procrastination with a reminder of your focus for the day on every new tab. Join over 3 million users and get inspired to create the life you want to live.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Momentum.jpg\" alt=\"\" class=\"wp-image-7726\" width=\"730\" height=\"456\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Momentum.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Momentum-300x188.jpg 300w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">19. CSSViewer: <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a Firefox add-on (2006-2008).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/CSSViever.jpg\" alt=\"\" class=\"wp-image-7727\" width=\"735\" height=\"459\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/CSSViever.jpg 640w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/CSSViever-300x188.jpg 300w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">20. Grammarly for Chrome:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">From grammar and spelling to style and tone, Grammarly helps you eliminate writing errors and find the perfect words to express yourself. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/grammarly-1024x536.png\" alt=\"\" class=\"wp-image-7728\" width=\"755\" height=\"394\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/grammarly-1024x536.png 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/grammarly-300x157.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/grammarly-768x402.png 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/grammarly.png 1200w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">21. Code Cola \u2013 Source Code Viewer Extension:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">From a developer\u2019s perspective,\u00a0Code Cola\u00a0is one of the best chrome extensions for developers. You can use it to see the source code of the project you are working on. Simultaneously, this smart chrome browser extension or tool functions as a CSS editor so that you can effortlessly edit and share CSS properties. It helps interactive designers, website operators, visual designers, and other users alter the online pages very smoothly and rapidly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Code-Cola-extention-1024x497.png\" alt=\"\" class=\"wp-image-7729\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Code-Cola-extention-1024x497.png 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Code-Cola-extention-300x146.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Code-Cola-extention-768x373.png 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Code-Cola-extention.png 1214w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>1. Speedtest by Ookla: Take a Speedtest directly from your toolbar to quickly test your internet performance without interruption. 2. [&hellip;]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[49],"tags":[6202,6212,6211,6210,6117,6207,6208,6189,6201,6196,6197,6194,6209,6188,6204,6206,6203,6199,6198,6187,6191,6193,6195,6185,6186,6183,6182,6184,6190,6205,6192],"class_list":["post-7705","post","type-post","status-publish","format-standard","hentry","category-general","tag-adguard-ad-blocker","tag-best-2021-chrome-extension","tag-chrome-extension","tag-code-cola","tag-colorzilla","tag-css-viewer","tag-cssviewer-chrome-extension","tag-digital-vault","tag-enhanced-github","tag-font-face-ninja","tag-font-face-ninja-chrome-extension","tag-full-screen-chrome-extension","tag-grammarly-for-chrome","tag-keeper-password-manager","tag-light-house","tag-momentum","tag-octotree-chrome-extension","tag-page-rular","tag-react","tag-save-to-google-drive","tag-screen-recorder","tag-scrn-li","tag-site-palette","tag-speedtest-by-ookla","tag-speedtest-by-ookla-by-chrome-extension","tag-top-10-chrome-extension","tag-top-10-chrome-extension-every-software-engineer-must-know","tag-top-20-chrome-extension","tag-vimeo-record","tag-wappalyzer","tag-webcam-recorder-extension"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Top 21 Chrome Extension every software engineer must know - scmGalaxy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 21 Chrome Extension every software engineer must know - scmGalaxy\" \/>\n<meta property=\"og:description\" content=\"1. Speedtest by Ookla: Take a Speedtest directly from your toolbar to quickly test your internet performance without interruption. 2. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/\" \/>\n<meta property=\"og:site_name\" content=\"scmGalaxy\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-10T07:23:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-10T07:23:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ookla.jpg\" \/>\n<meta name=\"author\" content=\"vikashdev k\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"vikashdev k\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/\"},\"author\":{\"name\":\"vikashdev k\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/ec4d1004b3acffc7df65899e880c7515\"},\"headline\":\"Top 21 Chrome Extension every software engineer must know\",\"datePublished\":\"2021-08-10T07:23:38+00:00\",\"dateModified\":\"2021-08-10T07:23:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/\"},\"wordCount\":1031,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/ookla.jpg\",\"keywords\":[\"adguard ad blocker\",\"best 2021 chrome extension\",\"chrome extension\",\"code cola\",\"colorzilla\",\"css viewer\",\"cssviewer chrome extension\",\"digital vault\",\"enhanced github\",\"font face ninja\",\"font face ninja chrome extension\",\"full screen chrome extension\",\"grammarly for chrome\",\"keeper password manager\",\"light house\",\"momentum\",\"Octotree chrome extension\",\"page rular\",\"react\",\"save to google drive\",\"screen recorder\",\"scrn.li\",\"site palette\",\"speedtest by ookla\",\"speedtest by ookla by chrome extension\",\"top 10 chrome extension\",\"top 10 chrome extension every software engineer must know\",\"top 20 chrome extension\",\"vimeo record\",\"wappalyzer\",\"webcam recorder extension\"],\"articleSection\":[\"General\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/\",\"name\":\"Top 21 Chrome Extension every software engineer must know - scmGalaxy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/ookla.jpg\",\"datePublished\":\"2021-08-10T07:23:38+00:00\",\"dateModified\":\"2021-08-10T07:23:42+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/ec4d1004b3acffc7df65899e880c7515\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/ookla.jpg\",\"contentUrl\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/ookla.jpg\",\"width\":640,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/top-21-chrome-extension-every-software-engineer-must-know\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Top 21 Chrome Extension every software engineer must know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#website\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/\",\"name\":\"scmGalaxy\",\"description\":\"A Platform for Software Engineers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/ec4d1004b3acffc7df65899e880c7515\",\"name\":\"vikashdev k\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g\",\"caption\":\"vikashdev k\"},\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/author\\\/vikashdev\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top 21 Chrome Extension every software engineer must know - scmGalaxy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/","og_locale":"en_US","og_type":"article","og_title":"Top 21 Chrome Extension every software engineer must know - scmGalaxy","og_description":"1. Speedtest by Ookla: Take a Speedtest directly from your toolbar to quickly test your internet performance without interruption. 2. [&hellip;]","og_url":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/","og_site_name":"scmGalaxy","article_published_time":"2021-08-10T07:23:38+00:00","article_modified_time":"2021-08-10T07:23:42+00:00","og_image":[{"url":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ookla.jpg","type":"","width":"","height":""}],"author":"vikashdev k","twitter_card":"summary_large_image","twitter_misc":{"Written by":"vikashdev k","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/#article","isPartOf":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/"},"author":{"name":"vikashdev k","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/ec4d1004b3acffc7df65899e880c7515"},"headline":"Top 21 Chrome Extension every software engineer must know","datePublished":"2021-08-10T07:23:38+00:00","dateModified":"2021-08-10T07:23:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/"},"wordCount":1031,"commentCount":0,"image":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/#primaryimage"},"thumbnailUrl":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ookla.jpg","keywords":["adguard ad blocker","best 2021 chrome extension","chrome extension","code cola","colorzilla","css viewer","cssviewer chrome extension","digital vault","enhanced github","font face ninja","font face ninja chrome extension","full screen chrome extension","grammarly for chrome","keeper password manager","light house","momentum","Octotree chrome extension","page rular","react","save to google drive","screen recorder","scrn.li","site palette","speedtest by ookla","speedtest by ookla by chrome extension","top 10 chrome extension","top 10 chrome extension every software engineer must know","top 20 chrome extension","vimeo record","wappalyzer","webcam recorder extension"],"articleSection":["General"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/","url":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/","name":"Top 21 Chrome Extension every software engineer must know - scmGalaxy","isPartOf":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/#primaryimage"},"image":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/#primaryimage"},"thumbnailUrl":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ookla.jpg","datePublished":"2021-08-10T07:23:38+00:00","dateModified":"2021-08-10T07:23:42+00:00","author":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/ec4d1004b3acffc7df65899e880c7515"},"breadcrumb":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/#primaryimage","url":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ookla.jpg","contentUrl":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ookla.jpg","width":640,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.scmgalaxy.com\/tutorials\/"},{"@type":"ListItem","position":2,"name":"Top 21 Chrome Extension every software engineer must know"}]},{"@type":"WebSite","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#website","url":"https:\/\/www.scmgalaxy.com\/tutorials\/","name":"scmGalaxy","description":"A Platform for Software Engineers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.scmgalaxy.com\/tutorials\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/ec4d1004b3acffc7df65899e880c7515","name":"vikashdev k","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g","caption":"vikashdev k"},"url":"https:\/\/www.scmgalaxy.com\/tutorials\/author\/vikashdev\/"}]}},"_links":{"self":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/7705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/comments?post=7705"}],"version-history":[{"count":1,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/7705\/revisions"}],"predecessor-version":[{"id":7730,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/7705\/revisions\/7730"}],"wp:attachment":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/media?parent=7705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/categories?post=7705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/tags?post=7705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}