Chrome Developer Tools
This tool offers a robust look at the webpage front end code results, links to the stylesheets, shows js errors, and much, much more. For a step by step guide on how to use each tab of the Developer Tools, check this out: https://developer.chrome.com/devtools
To open the devtools, either right click and choose “inspect”, click on the 3 dots in the top right corner of Chrome, or hold Ctrl, Shift, and I.
Web Developer version 0.5
Description by Creator: “Adds a toolbar button with various web developer tools.
The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.
The best place for support is not in the reviews section below, but on the Web Developer site in the help:
Also available there are a full set of release notes:
This tool is great for any application development. By far the option I use most is resetting the css. This overrules the Caching Gods beautifully! I really hate it when I make a mall change to my css file, refresh and BAM!! Nothing. Nada. No change. Well, crud. Incognito window, here I come! But that can make it difficult when testing using a remote session or in an app that requires some kind of authentication to work …so! This handy dandy tool saves me a lot of headache.
Does your marketing team ask you to add cookies a lot? Well, this tool is great for cookie development as well. Do you have to constantly add and delete cookies while you test? This tool lets you do that in 1 click.
Another of my favorite uses is the Tools tab. It helps you find the errors in your page styling. With front end code not always being my friend, this little trick comes in pretty handy in conjunction with the inspect option using the Chrome Developer Tools (Ctrl + Shift + I) .
Get it here: https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?utm_source=chrome-app-launcher-info-dialog
Sitecore Developer Tool version 2.1.2
Description by Creator: “Sitecore Developer Tool allows work with Sitecore instance that is opened in the current tab. You can quickly go to different admin pages like serialization, cache, show config and so on. Also you can switch between databases or set new database on the option page.
Context menu allows to quickly go to Sitecore item, for this you should select id and select appropriate command in context menu.
All available configuration settings are presented in option page where you can add, remove or edit these pages.”
This little beauty makes my life way easier when trying to peruse a new site I was given by a client. I can find out basic info with the click of a button rather than having to go click crazy inside the Sitecore environment.
I think my favorite feature is the Admin tab. Instead of trying to remember the admin URL for certain pages, this tool lets you just click and go! Need to know which cache is taking up your memory? Click “Cache” and it’s all yours!
Another awesome feature is being able to switch the database you are working in with one click. Have you ever been developing in the master db, and need to adjust a setting in core? Yep, me too. This trusty tool makes the swap for you with one click!
I also love that I can switch modes for testing at the drop of a hat. This is an invaluable time saver for local testing and QA phases.
Find it here: https://chrome.google.com/webstore/detail/sitecore-developer-tool/cmbppbejihcnbngefandoljljdppnlda?utm_source=chrome-app-launcher-info-dialog
There are some fun extensions too! If you like cats, try this extension to get you some cats on every new browser tab! https://chrome.google.com/webstore/detail/tabby-cat/mefhakmgclhhfbdadeojlkbllmecialg?hl=en
And the funny dog extension too! Every new browser window gives you a new dog to smile at! https://chrome.google.com/webstore/detail/funny-dog-wallpaper-dogs/fkkpicooipkdbndepdgidblllppmjpdo?