{"id":27940,"date":"2022-02-28T09:31:24","date_gmt":"2022-02-28T09:31:24","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=27940"},"modified":"2022-12-23T06:48:26","modified_gmt":"2022-12-23T06:48:26","slug":"top-21-chrome-extension-every-software-engineers-must-know","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/top-21-chrome-extension-every-software-engineers-must-know\/","title":{"rendered":"Top 21 Chrome Extension every software engineers must know"},"content":{"rendered":"<h2>1. Speedtest by Ookla:<\/h2>\n<p>Take a Speedtest directly from your toolbar to quickly test your internet performance without interruption.<\/p>\n<p>Speedtest\u00ae by Ookla\u00ae is the definitive way to test the speed and performance of your internet connection. Every day, over ten million unique tests are actively initiated by our users in the locations and at the times when their connectivity matters to them. Since our founding in 2006, an unparalleled total of more than 40 billion tests have been taken with Speedtest.<\/p>\n<p>Our commitment to providing transparency into the performance of networks is what drives us. Whether helping our users assess the speed of their individual connections through the Speedtest application or publishing analysis on the state of global markets and related trends, our team is always working to provide data that will help make the internet better and faster for everyone.<\/p>\n<p>Speedtest is currently available for the web at\u00a0<a href=\"https:\/\/www.speedtest.net\/\" target=\"_blank\" rel=\"noopener\">Speedtest.net<\/a>\u00a0and for download on\u00a0<a href=\"https:\/\/www.speedtest.net\/apps\/ios\" target=\"_blank\" rel=\"noopener\">iOS<\/a>,\u00a0<a href=\"https:\/\/www.speedtest.net\/apps\/android\" target=\"_blank\" rel=\"noopener\">Android<\/a>,\u00a0<a href=\"https:\/\/www.speedtest.net\/apps\/mac\" target=\"_blank\" rel=\"noopener\">macOS<\/a>,\u00a0<a href=\"https:\/\/www.speedtest.net\/apps\/windows\" target=\"_blank\" rel=\"noopener\">Windows<\/a>,\u00a0<a href=\"https:\/\/www.speedtest.net\/apps\/chrome\" target=\"_blank\" rel=\"noopener\">Google Chrome<\/a>, and\u00a0<a href=\"https:\/\/www.speedtest.net\/apps\/appletv\" target=\"_blank\" rel=\"noopener\">Apple TV<\/a>.<\/p>\n<p>Connect with us on\u00a0<a href=\"https:\/\/twitter.com\/speedtest\" target=\"_blank\" rel=\"noopener\">Twitter<\/a>\u00a0or\u00a0<a href=\"https:\/\/www.facebook.com\/speedtest\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27947 size-large\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2022\/02\/speedtest-1-1024x569.jpg\" alt=\"\" width=\"760\" height=\"422\" \/><\/p>\n<div class=\"pure-u-1 pure-u-md-1-2 u-c\">\n<h3>ABOUT OOKLA\u00ae<\/h3>\n<\/div>\n<div class=\"pure-u-1 pure-u-md-1-2\"><\/div>\n<div class=\"pure-u-1 pure-u-md-1-2 u-c\">\n<p>Ookla, the company behind Speedtest, is the global leader in fixed broadband and mobile network testing applications, data and analysis. As a result of the test volume across all Speedtest platforms, Ookla has the most comprehensive analytics on worldwide internet performance and accessibility. Ookla transforms these billions of real-world tests into vital research tools. The company\u2019s flagship enterprise product, Speedtest Intelligence\u00ae, is used by ISPs, carriers, businesses, universities and government agencies alike who trust Ookla\u2019s commitment to quality and neutrality.<\/p>\n<p>Ookla\u2019s headquarters are located in Seattle, WA with additional offices in Dublin, Ireland.<\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_56596\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/p-ijHe8ALro?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<iframe loading=\"lazy\"  id=\"_ytid_70193\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/hNBqE8oQLgE?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>2. Save to Google Drive:<\/h2>\n<p>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 \u2018Save to Google Drive\u2019. You can save the currently viewed page using the \u2018Save to Google Drive\u2019 browser action. You can automatically convert Microsoft Office files or comma-separated files to Google Docs format.<\/p>\n<p>Save web content or screen capture directly to Google Drive.<br \/>\nThe Save to Google Drive Chrome extension helps you save web content or browser screenshots to your Google Drive.<\/p>\n<ul>\n<li>Adds a browser action to save the current page.<\/li>\n<li>Adds a right-click context menu to save hyperlinks and media.<\/li>\n<li>Configurable through an options page.<\/li>\n<li>Save a PDF of the current page via the Chrome Print menu.<\/li>\n<\/ul>\n<p>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 or as a PDF from the Chrome Print menu.. The directory location and format of saved HTML pages can be controlled with the extension&#8217;s options page (Choice of Entire image (default), Visible image, Raw HTML, MHTML, or Google Doc). You can automatically convert Microsoft Office files or comma separated files to Google Docs format.<\/p>\n<p>After your content is saved, the progress dialog allows you to open the file, rename, or view the file in the Google Drive document list. From the document list, you can organize and share your new document.<\/p>\n<p>To save a file:\/\/ URLs, or to enable in incognito mode, go to chrome:\/\/extensions\/ and enable the associated checkbox.<\/p>\n<p>Due to security restrictions, this extension cannot capture chrome:\/\/ pages or Chrome Web Store pages.<\/p>\n<p>New in Version 2.3.8:<\/p>\n<ul>\n<li>Fixes authorization bug.<\/li>\n<\/ul>\n<p>New in Version 2.3.2:<\/p>\n<ul>\n<li>Fixes a bug where certain PDF files would save without an extension name.<\/li>\n<\/ul>\n<p>New in Version 2.3.1:<\/p>\n<ul>\n<li>Bug fixes.<\/li>\n<li>Allows for the printing of the current page from Google Chrome to Google Drive, as a PDF. Note: Currently Google Chrome provides this feature natively, but this native feature will soon be replaced fully by this Chrome Extension&#8217;s similar feature.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27952 size-large\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2022\/02\/d4e9d9c06a-1024x597.png\" alt=\"\" width=\"760\" height=\"443\" \/><\/p>\n<p>&nbsp;<\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_30235\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/JqOYFQUDj2Q?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>3. Keeper\u00ae Password Manager &amp; Digital Vault:<\/h2>\n<p>Protect and autofill passwords with the world\u2019s most trusted and #1 downloaded secure password manager and digital vault.<br \/>\nStay protected with the world\u2019s 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\u2019t get hacked. Get Keeper.<\/p>\n<p>Keeper is a password manager application and digital vault created by Keeper Security that stores website passwords, financial information and other sensitive documents using 256-bit AES encryption, zero-knowledge architecture and two-factor authentication.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27953 size-large\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2022\/02\/Keeper_screenshot-1024x731.png\" alt=\"\" width=\"760\" height=\"543\" \/><\/p>\n<\/div>\n<iframe loading=\"lazy\"  id=\"_ytid_61651\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/eY5IhrshfM4?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>4. Vimeo Record \u2013 Screen &amp; Webcam Recorder :<\/h2>\n<p>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<p>One of the easiest ways to create a screen recording is with Vimeo Record. Simply\u00a0<b>download the free Chrome extension, and then click the Vimeo icon in your Chrome toolbar<\/b>. You&#8217;ll have the option to record your webcam, screen, or both at the same time. Then, simply hit \u201cStart recording.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27955 size-full\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2022\/02\/vimeo-1024x640-1.jpg\" alt=\"\" width=\"1024\" height=\"640\" \/><\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_97345\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/pQeukDlN4cY?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>5. Scrn.li \u2013 Screenshot Tool and Editor:<\/h2>\n<p>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 \u2013 edit and reset changes;\u2026\u2026\u2026\u2026.<\/p>\n<div class=\"co8aDb\" role=\"heading\"><b>11 Best Screenshot Tools for Windows Laptop and Computer<\/b><\/div>\n<div class=\"RqBzHd\">\n<ul class=\"i8Z77e\">\n<li class=\"TrT0Xe\">Greenshot.<\/li>\n<li class=\"TrT0Xe\">PicPick.<\/li>\n<li class=\"TrT0Xe\">Snagit.<\/li>\n<li class=\"TrT0Xe\">ShareX.<\/li>\n<li class=\"TrT0Xe\">Lightshot.<\/li>\n<li class=\"TrT0Xe\">ScreenRec.<\/li>\n<li class=\"TrT0Xe\">Gyazo.<\/li>\n<li class=\"TrT0Xe\">Apowersoft.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27959 size-large\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2022\/02\/d4e9d9c06a-1-1024x597.png\" alt=\"\" width=\"760\" height=\"443\" \/><\/p>\n<\/div>\n<iframe loading=\"lazy\"  id=\"_ytid_88352\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/CLjXm5UbfM8?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>6. Full Screen:<\/h2>\n<p>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<div class=\"wWOJcd\" role=\"button\" aria-labelledby=\"exacc_g3kcYqqcJI-XseMPmoq0kAQ7\">\n<div id=\"exacc_g3kcYqqcJI-XseMPmoq0kAQ7\" class=\"iDjcJe IX9Lgd wwB5gf\">What is the shortcut key for full screen in Chrome?<\/div>\n<\/div>\n<div id=\"exacc_g3kcYqqcJI-XseMPmoq0kAQ8\" class=\"MBtdbb\" data-ved=\"2ahUKEwjq6aDp76H2AhWPS2wGHRoFDUIQ7NUEegQIFRAD\">\n<div class=\"ymu2Hb\">\n<div id=\"_g3kcYqqcJI-XseMPmoq0kAQ35\" class=\"t0bRye r2fjmd\" data-hveid=\"CBUQBA\" data-ved=\"2ahUKEwjq6aDp76H2AhWPS2wGHRoFDUIQu04oAHoECBUQBA\">\n<div id=\"WEB_ANSWERS_RESULT_18_g3kcYqqcJI-XseMPmoq0kAQ__17\">\n<div class=\"wDYxhc NFQFxe viOShc LKPcQc\" data-md=\"25\">\n<div class=\"HwtpBd gsrt PZPZlf kTOYnf\" role=\"heading\" data-hveid=\"CAMQAA\" data-ved=\"2ahUKEwjq6aDp76H2AhWPS2wGHRoFDUIQtwcoAHoECAMQAA\">\n<div class=\"Z0LcW AZCkJd d2J77b\" data-tts=\"answers\" data-tts-text=\"F11\">\n<div class=\"IZ6rdc\">F11<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"WEB_ANSWERS_RESULT_19_g3kcYqqcJI-XseMPmoq0kAQ__18\">\n<div class=\"wDYxhc\" data-md=\"135\">\n<div class=\"Crs1tb\" data-hveid=\"CAsQAA\">\n<div class=\"iKJnec\" role=\"heading\">Windows and Linux<\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div class=\"webanswers-webanswers_table__webanswers-table\">\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<table>\n<tbody>\n<tr class=\"ztXv9\">\n<th>Action<\/th>\n<th>Shortcut<\/th>\n<\/tr>\n<tr>\n<td>Turn full-screen mode on or off<\/td>\n<td><b>F11<\/b><\/td>\n<\/tr>\n<tr>\n<td>Make everything on the page bigger<\/td>\n<td>Ctrl and +<\/td>\n<\/tr>\n<tr>\n<td>Make everything on the page smaller<\/td>\n<td>Ctrl and &#8211;<\/td>\n<\/tr>\n<tr>\n<td>Return everything on the page to default size<\/td>\n<td>Ctrl + 0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27964 size-large\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2022\/02\/2018-09-04_211558-1024x640.png\" alt=\"\" width=\"760\" height=\"475\" \/><\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_92663\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/aWTS4Zlq6fo?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<\/div>\n<div><\/div>\n<div>\n<h2>7. Site Palette \u2013 Palette Generator Extension:<\/h2>\n<p>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<div class=\"co8aDb\" role=\"heading\"><b>How to Use Color Palette Extractor?<\/b><\/div>\n<div class=\"RqBzHd\">\n<ol class=\"X5LH0c\">\n<li class=\"TrT0Xe\">Drag and drop image from your local system to the canvas above for extracting colors.<\/li>\n<li class=\"TrT0Xe\">Dominant colors will be extracted from the image and displayed above.<\/li>\n<li class=\"TrT0Xe\">Up to 9 colors from image are displayed along with their HEX value.<\/li>\n<li class=\"TrT0Xe\">Click the color block to copy value of color in HEX.<\/li>\n<\/ol>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27971 size-full\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2022\/02\/Site-Palette-Palette-Generator-Extension-768x338-1.png\" alt=\"\" width=\"768\" height=\"338\" \/><\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_53285\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/7X7JsnBOGP0?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<\/div>\n<\/div>\n<h2>8. Font Face Ninja \u2013 Font Identifier Extension:<\/h2>\n<p>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<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27973 size-large\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2022\/02\/Font-Face-Ninja-Extention-1024x552.png\" alt=\"\" width=\"760\" height=\"410\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<iframe loading=\"lazy\"  id=\"_ytid_58778\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/4OBoFS-zyRg?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>9. React \u2013 Developer Tools Extension:<\/h2>\n<p>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<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7717\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/React-Developer-Tools-Extension-1024x450.png\" alt=\"\" width=\"747\" height=\"328\" \/><\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_57348\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/EG0LhIfmUSo?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>10. ColorZilla \u2013 Color Picker Extension:<\/h2>\n<p>ColorZilla for Google Chrome is an extension that assists web developers and graphic designers with color-related tasks \u2013 both basic and advanced.<\/p>\n<div class=\"co8aDb\" role=\"heading\"><b>How to add ColorZilla browser extension.<\/b><\/div>\n<div class=\"RqBzHd\">\n<ol class=\"X5LH0c\">\n<li class=\"TrT0Xe\">To add Colorzilla to your browser visit colorzilla.com.<\/li>\n<li class=\"TrT0Xe\">Click Add ColorZilla to Chrome and Firefox.<\/li>\n<li class=\"TrT0Xe\">Select either FOR CHROME or FOR FIREFOX.<\/li>\n<li class=\"TrT0Xe\">Click, Install ColorZilla.<\/li>\n<li class=\"TrT0Xe\">Then, either Add to Chrome or Add to Firefox.<\/li>\n<li class=\"TrT0Xe\">Click Add extension.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7718\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/ColorZilla-Color-Picker-Extension.png\" alt=\"\" width=\"704\" height=\"418\" \/><\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_29070\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/Ow4kDixMPHU?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>11. Page Ruler \u2013 Size Checker Extension:<\/h2>\n<p>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<div class=\"wWOJcd\" role=\"button\" aria-labelledby=\"exacc_JoscYsWLCbWp2roPieyoyAY3\">\n<div id=\"exacc_JoscYsWLCbWp2roPieyoyAY3\" class=\"iDjcJe IX9Lgd wwB5gf\">What is ruler extension?<\/div>\n<div class=\"r21Kzd\" data-hveid=\"CDYQAQ\" data-ved=\"2ahUKEwjFtvvRgKL2AhW1lFYBHQk2CmkQuk56BAg2EAE\"><\/div>\n<\/div>\n<div id=\"exacc_JoscYsWLCbWp2roPieyoyAY4\" class=\"MBtdbb\" data-ved=\"2ahUKEwjFtvvRgKL2AhW1lFYBHQk2CmkQ7NUEegQINhAD\">\n<div class=\"ymu2Hb\">\n<div id=\"_JoscYsWLCbWp2roPieyoyAY33\" class=\"t0bRye r2fjmd\" data-hveid=\"CDYQBA\" data-ved=\"2ahUKEwjFtvvRgKL2AhW1lFYBHQk2CmkQu04oAHoECDYQBA\">\n<div id=\"WEB_ANSWERS_RESULT_21_JoscYsWLCbWp2roPieyoyAY__44\">\n<div class=\"wDYxhc\" data-md=\"61\">\n<div class=\"LGOjhe\" role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CCcQAA\"><span class=\"ILfuVd\"><span class=\"hgKElc\">Rural extension, for instance, includes\u00a0<b>non-agricultural activities<\/b>\u00a0such as microenterprise development (Echeverr\u00eda 1998), a priority which is being advanced by the Inter-American Development Bank. Non-farm rural microenterprise development.<\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7719\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Page-Ruler-Extension-1024x490.png\" alt=\"\" width=\"766\" height=\"366\" \/><\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_30299\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/KZNJOkwfbSY?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>12. Emoji Keyboard by JoyPixels\u00ae<\/h2>\n<p>The world\u2019s leading emoji keyboard for Chrome. Now Unicode 13 compatible.<\/p>\n<p>Simply\u00a0<b>click an emoji from the extension panel<\/b>\u00a0to automatically insert emoji into just about any website, including FB, Twitter, Instagram, and more. Our copy and paste feature is a great backup for sites that incompatible. You now have the option to leave the panel docked (fixed size), or undocked (flexible size).<\/p>\n<div class=\"wWOJcd\" role=\"button\" aria-labelledby=\"exacc_roscYtz2F5SdhwOO-oLoBQ4\">\n<div id=\"exacc_roscYtz2F5SdhwOO-oLoBQ4\" class=\"iDjcJe IX9Lgd wwB5gf\">How do you make emojis with the keyboard?<\/div>\n<\/div>\n<div id=\"exacc_roscYtz2F5SdhwOO-oLoBQ6\" class=\"MBtdbb\" data-ved=\"2ahUKEwjchfeSgaL2AhWUzmEKHQ69AF0Q7NUEegQIQBAD\">\n<div class=\"ymu2Hb\">\n<div id=\"_roscYtz2F5SdhwOO-oLoBQ33\" class=\"t0bRye r2fjmd\" data-hveid=\"CEAQBA\" data-ved=\"2ahUKEwjchfeSgaL2AhWUzmEKHQ69AF0Qu04oAHoECEAQBA\">\n<div id=\"WEB_ANSWERS_RESULT_17_roscYtz2F5SdhwOO-oLoBQ__52\">\n<div class=\"wDYxhc\" data-md=\"83\">\n<div class=\"di3YZe\">\n<div class=\"co8aDb\" role=\"heading\"><b>Windows 10 keyboard tips and tricks<\/b><\/div>\n<div class=\"RqBzHd\">\n<ol class=\"X5LH0c\">\n<li class=\"TrT0Xe\">During text entry, type Windows logo key + . (period). The emoji keyboard will appear.<\/li>\n<li class=\"TrT0Xe\">Select an emoji with the mouse, or keep typing to search through the available emojis for one you like<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7720\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/emoji_keyboard.jpg\" alt=\"\" width=\"758\" height=\"474\" \/><\/p>\n<div class=\"di3YZe\">\n<div class=\"RqBzHd\">\n<iframe loading=\"lazy\"  id=\"_ytid_89346\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/GdneZA6ZxpM?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>13. Enhanced GitHub<\/h2>\n<p>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<p>Display repo size, size of each file, download link and option to copy file contents<br \/>\nExtension that provides useful features on top of GitHub Website.<\/p>\n<p>FEATURES<\/p>\n<p>1. Displays repo size.<br \/>\n2. Displays each file size in every active branch (not applicable for folder \/ symlink)<br \/>\n3. Show download link for each individual file (not applicable for folder \/ symlink)<br \/>\n4. Copy file&#8217;s contents directly to Clipboard (just won&#8217;t work for markdown files)<br \/>\n5. Download file<br \/>\n7. Coming soon&#8230;please suggest by opening an issue on https:\/\/github.com\/softvar\/enhanced-github\/issues<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7721\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/enhance_github.jpg\" alt=\"\" width=\"750\" height=\"469\" \/><\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_60255\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/0r2JwANUZwo?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>14. AdGuard AdBlocker<\/h2>\n<p>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<div class=\"wWOJcd\" role=\"button\" aria-labelledby=\"exacc_K40cYp7fBfCWseMP-POg2Ao5\">\n<div id=\"exacc_K40cYp7fBfCWseMP-POg2Ao5\" class=\"iDjcJe IX9Lgd wwB5gf\">Which is better Adblock or AdGuard?<\/div>\n<\/div>\n<div id=\"exacc_K40cYp7fBfCWseMP-POg2Ao6\" class=\"MBtdbb\" data-ved=\"2ahUKEwjeoLvIgqL2AhVwS2wGHfg5CKsQ7NUEegQIaRAD\">\n<div class=\"ymu2Hb\">\n<div id=\"_K40cYp7fBfCWseMP-POg2Ao68\" class=\"t0bRye r2fjmd\" data-hveid=\"CGkQBA\" data-ved=\"2ahUKEwjeoLvIgqL2AhVwS2wGHfg5CKsQu04oAHoECGkQBA\">\n<div id=\"WEB_ANSWERS_RESULT_13_K40cYp7fBfCWseMP-POg2Ao__93\">\n<div class=\"wDYxhc\" data-md=\"61\">\n<div class=\"LGOjhe\" role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\"><span class=\"ILfuVd\"><span class=\"hgKElc\"><b>Adguard&#8217;s advantages are largely due to the limitations that are imposed on browser-based extensions<\/b>. Adblock and Adblock Plus technologically are not able to remove all the ads on the page. That&#8217;s because AdGuard processes page even before it is loaded into the browser, removing all advertising elements.<\/span><\/span><\/div>\n<\/div>\n<div role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27982 size-full\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2022\/02\/Adguard_AdBlocker.jpg\" alt=\"\" width=\"640\" height=\"400\" \/><\/div>\n<div class=\"wDYxhc\" data-md=\"61\">\n<div role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\"><iframe loading=\"lazy\"  id=\"_ytid_90488\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/aecR8FVejis?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<div role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\"><\/div>\n<div role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\">\n<h2>15. Octotree \u2013 GitHub code tree<\/h2>\n<p>Browser extension that enhances GitHub code review and exploration.<br \/>\nFeatures \u2013 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<p>GitHub on steroids<br \/>\nBrowser extension that enhances GitHub code review and exploration.<\/p>\n<p><strong>Features<\/strong><\/p>\n<ul>\n<li>Fast IDE-like code tree<\/li>\n<li>Quick search in tree format<\/li>\n<li>Bookmark repos, issues, PRs, files<\/li>\n<li>Support GitHub themes<\/li>\n<li>Support private repositories<\/li>\n<li>High performance, working with repositories of any size<strong>PRO features<\/strong><\/li>\n<li>Multiple tabs<\/li>\n<li>File icon themes<\/li>\n<li>Code font settings<\/li>\n<li>Quick PR navigation<\/li>\n<li>Unlimited bookmarks<\/li>\n<li>Pull request code review<\/li>\n<li>Sidebar docking position<\/li>\n<li>Multiple GitHub accounts<\/li>\n<li>Support GitHub Enterprise<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7723\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Octotree_Github.jpg\" alt=\"\" width=\"719\" height=\"449\" \/><\/figure>\n<\/div>\n<div role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\"><\/div>\n<div role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\"><iframe loading=\"lazy\"  id=\"_ytid_27818\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/vxQaP07MozY?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<div role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\"><\/div>\n<div role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\">\n<h2>16. Light House:<\/h2>\n<p>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<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7724\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Light_House.jpg\" alt=\"\" width=\"731\" height=\"457\" \/><\/figure>\n<p style=\"text-align: left\"><iframe loading=\"lazy\"  id=\"_ytid_15711\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/44V4Id0HUpA?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/p>\n<h2>17. Wappalyzer:<\/h2>\n<p>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<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7725\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Wappalyzer.jpg\" alt=\"\" width=\"725\" height=\"453\" \/><\/figure>\n<\/div>\n<p>&nbsp;<\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_16321\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/q8xx1ZRgKRo?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<div role=\"heading\" data-attrid=\"wa:\/description\" data-hveid=\"CGMQAA\">\n<h2>18. Momentum:<\/h2>\n<p>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<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7726\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Momentum.jpg\" alt=\"\" width=\"730\" height=\"456\" \/><\/figure>\n<p>&nbsp;<\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_57208\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/-A170S_U6Rc?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>19. CSSViewer:<\/h2>\n<p>CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a Firefox add-on (2006-2008).<\/p>\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7727\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/CSSViever.jpg\" alt=\"\" width=\"735\" height=\"459\" \/><\/figure>\n<p>&nbsp;<\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_95216\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/PV_OvTqSTpg?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>20. Grammarly for Chrome:<\/h2>\n<p>From grammar and spelling to style and tone, Grammarly helps you eliminate writing errors and find the perfect words to express yourself.<\/p>\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7728\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/grammarly-1024x536.png\" alt=\"\" width=\"755\" height=\"394\" \/><\/figure>\n<p>&nbsp;<\/p>\n<iframe loading=\"lazy\"  id=\"_ytid_60182\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/mnyFQAohrxM?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<h2>21. Code Cola \u2013 Source Code Viewer Extension:<\/h2>\n<p>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<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7729\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/Code-Cola-extention-1024x497.png\" alt=\"\" width=\"1024\" height=\"497\" \/><\/figure>\n<div class=\"fb-background-color\">\n<div class=\"fb-comments fb_iframe_widget fb_iframe_widget_fluid_desktop\" data-href=\"https:\/\/www.scmgalaxy.com\/tutorials\/top-21-chrome-extension-every-software-engineer-must-know\/\" data-numposts=\"4\" data-lazy=\"true\" data-colorscheme=\"light\" data-order-by=\"social\" data-mobile=\"true\"><iframe loading=\"lazy\"  id=\"_ytid_66440\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/9fA-WcIw6mU?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\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. Speedtest\u00ae by Ookla\u00ae is the definitive way to test the speed&#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[2],"tags":[7459,7393,7458,7462,7460,7461],"class_list":["post-27940","post","type-post","status-publish","format-standard","hentry","category-uncategorised","tag-code-cola-source-code-viewer-extension","tag-cssviewer","tag-grammarly-for-chrome","tag-light-house","tag-momentum","tag-wappalyzer"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/27940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=27940"}],"version-history":[{"count":1,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/27940\/revisions"}],"predecessor-version":[{"id":32451,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/27940\/revisions\/32451"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=27940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=27940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=27940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}