Skip to content

Developer Tools

Most important tools and add-ons a web developer must know


  • Clear Cache- A chrome extension. Clear your cache and browsing data with a       single click of a button.
  • Page ruler- A chrome extension. Draw a ruler to get pixel dimensions and positioning, and measure elements on any web page.
  • Fiddler – It’s a web debugging software. You can track any http , GET, POST request. Check response from server etc…
  • MeasureIt- A firefox extension. Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
  • Firebug- A firefox extension. Inspect elements on web page using firebug.
  • Form Filler- A Chrome extension. Fills all form inputs in a page with dummy data
  • Awesome Screenshot- A Chrome extension for web page screenshots.
  • JSON Validator- Validate your JSON at
  • HTTRACK- It allows you to download a web site from the Internet to a local directory including HTML pages, CSS, js files and images.
  • Sublime Text- A free code editor for developers.
  • Resource Override- A popular chrome extension to redirect the URL’s to any path. You can redirect CSS, JS files to your local and makes the debugging easier
  • Visual Studio Code- VS code a lightweight IDE for web developers. Popular for Angular/Typescript development.