If you ever used Webmaster Tools in Firefox but have now switched to using Chrom(e|ium) instead then you probably miss the form filler – especially if you ever need to test checkouts or other form intensive web site user stories.
A nice little extension that I just discovered takes care of this, Chrome Form Fuzzer.
You can configure it for simple form filling or with a little creative configuration it could easily be used for security testing and more in depth testing to ensure that input is being sanitised and filtered properly.
If you have a few URLS you are constantly going to and you would prefer a quick keyboard based way of going to them without having to type full URLs then this little extension could be for you.
The concept is very simple. You can create an alias word (eg phpmyadmin) which then redirects to your full phpmyadmin URL.
When you first install it you might set up some aliases and try to use them but get redirected to the google search results pages for that word instead. The extension author has worked around this behaviour by requiring you to put an “a “, the letter a followed by a space, before your alias.
Setting up the aliases is simple and I can already see this becoming one of my must have extensions.
Check it out for yourselves:
https://chrome.google.com/webstore/detail/hnmffkbofelpmfnimaicmkdhimnaegla
Okay, this is hacky but it really works, and saves a lot of time!
To copy the css selector of an element in chrome, you need your developer tools open popped-out of chrome, not docked but here is the trick :-
Inspect the element that you want, be sure it’s selected in developer tools, then press F12. This will open a second developer tools window inspecting the first developer tools.
Then, insert the following two lines of javascript magic, one at a time – the first pulls jQuery into the developer tools and the second runs a function to build the css path and output it into the console!
First jQuery :
var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script);
Then the path :
path=""; function addtopath(str) { if(typeof(str) != 'undefined') {path = str+' '+path} } jQuery('.crumbs span').each(function(){addtopath(jQuery(this).attr('title'))}); path;
You can try stringing them together into one command, but sometimes jQuery doesn’t seem to load fast enough.
If you use Google Chrome then you might like this list of 10 decent Chrome extensions
http://webdesignledger.com/tools/10-time-saving-google-chrome-extensions
It will be interesting to see if Chrome goes the way of Firefox with an over abundance of plugins gradually eroding the performance of the browser.
