Chrome for Development


Dark theme for Chrome console

Chrome Console Settings > Preferences > Appearance > Theme > Dark


Disable caching in Chrome Developer Tools

Developer Tools (Ctrl + Shift + I) > Menu icon (3 vertical dots) > Settings > Preferences > scroll down the list to “Network section” and you’ll see the “Disable cache” while DevTools is open


Chrome Extensions for Development

  • Quick JavaScript Switcher
  • EditThisCookie
  • Nimbus Screenshoot & Screen Video Recorder
  • SetupVPN
  • LanguageTool

  • grammarly

  • I don’t care about cookies
  • SponsorBlock for YouTube
  • Return YouTube Dislikes
  • Hide Youtube Shorts (https://chrome.google.com/webstore/detail/hide-youtube-shorts/kkdaephjgnecgibipjnbppaibdidlgfk)
  • Youtube-shorts block (https://chrome.google.com/webstore/detail/youtube-shorts-block/jiaopdjbehhjgokpphdfgmapkobbnmjp)


GraphQL

  • Apollo Client Developer Tools

https://chrome.google.com/webstore/detail/apollo-client-devtools/jdkknkkbebbapilgoeccciglkfbmbnfm/related?hl=en


Dark theme for All websites in Chrome (Possible shitty result)

1. Chrome://flags on the address bar.

2. Type 'Dark Mode'

3. Enable the Force Dark Mode for Web Contents and relaunch Chrome.


Agular

Angular DevTools (by Angular)