I have made by work easy by using the extensions / plugins whatsoever we call them. It can be on Chrome or Firefox. In this post, i would like show you few apps & extensions for Google Chrome(my favorite browser).
I strongly believe that Tools are great assets for web developers to debug the resolve the issues in no time. Tooling is gradually gaining momentum and it’s reaching peaks!
Backbone Debugger : Developer Tools extension for debugging Backbone.js applications. It allows to debug the Backbone.js web application by inspecting the Views, Models, Collections, Routers objects.
It’s a great debugging tool to find the daemon views which is left in the DOM and it tracks the events triggered.
You can install it from Chrome Web Store – Backbone Debugger
Ember Inspector : Tool for debugging Ember applications. It allows you to -
- View all the routes defined in your app.
- Information about templates, controllers and models that are currently rendered.
- Inspect the Objects – Models, Collections etc.,
- Make your application’s objects available in the console as $E variable.
You can install it from Chrome Web Store – Ember Inspector
Grunt DevTools : It’s an awesome tool to run your grunt tasks right inside your chrome browser. Also, it’s capable of running grunt tasks from multiple projects.
You can install it from Chrome Web Store – Grunt DevTools
JSON Editor : One of my favorite JSON editor tools which allows to edit JSON in the browser. It formats the JSON and you can live preview the results.
I know there are multiple apps / extensions for JSON, but i feel this is pretty useful to me atleast. You can install it from Chrome Web Store – JSON Editor
Tincr: Allows editing and fast reloading of local files from Chrome developer tools. With this tool, you don’t need to traverse between your source code and web browser. You can edit the source code inside the browser and changes will be automatically saved to the source. Cool Isn’t it!
You can install it from Chrome Web Store – Tincr
Clear Cache : It allows to clear the cache / history of the browser from the beginning with a click. It’s an extension written by me and yet to publish to Chrome Web Store. It available in GIT and you can pull from it and install manually!
Download from my Git – Clear Cache
I will post more tools as i found useful to web developers like us :)
Happy Web App programming!