Browserstack Bookmarklet
If you have not heard of Browserstack.com, it is not your typical cross-browser testing site, you can get access to live browsers to test interactions, not just aesthetic with browser screenshots.
To help use this service with a site your working on, it would be handy to be able to click a bookmarklet and have a brand new window open to test that site in a browser of your choosing. Here are a few that I find useful.
Drag these links into your bookmarks bar:
<a href="javascript:q=(document.location.href.replace(/(https?|file):\/\//,''));void(open('http://www.browserstack.com/test#os=Windows&browser=IE&browser_version=9.0&zoom_to_fit=true&url='+q,'&resolution=1024x768&speed=1'));">Internet Explorer 9</a>
<a href="javascript:q=(document.location.href.replace(/(https?|file):\/\//,''));void(open('http://www.browserstack.com/test#os=Windows&browser=IE&browser_version=8.0&zoom_to_fit=true&url='+q,'&resolution=1024x768&speed=1'));">Internet Explorer 8</a>
<a href="javascript:q=(document.location.href.replace(/(https?|file):\/\//,''));void(open('http://www.browserstack.com/test#os=Windows&browser=IE&browser_version=7.0&zoom_to_fit=true&url='+q,'&resolution=1024x768&speed=1'));">Internet Explorer 7</a>
<a href="javascript:q=(document.location.href.replace(/(https?|file):\/\//,''));void(open('http://www.browserstack.com/test#os=Windows&browser=IE&browser_version=6.0&zoom_to_fit=true&url='+q,'&resolution=1024x768&speed=1'));">Internet Explorer 6</a>
<a href="javascript:q=(document.location.href.replace(/(https?|file):\/\//,''));void(open('http://www.browserstack.com/test#os=Windows&browser=Firefox&browser_version=15.0&zoom_to_fit=true&url='+q,'&resolution=1024x768&speed=1'));">Firefox 15</a>
<a href="javascript:q=(document.location.href.replace(/(https?|file):\/\//,''));void(open('http://www.browserstack.com/test#os=Windows&browser=Chrome&browser_version=21.0&zoom_to_fit=true&url='+q,'&resolution=1024x768&speed=1'));">Chrome 21</a>
Advanced
You can modify this bookmarklet with this code:
javascript:q=(document.location.href.replace(/(https?|file):\/\//,''));void(open('http://www.browserstack.com/test#os=Windows&browser=Safari&browser_version=5.1&zoom_to_fit=true&url='+q,'&resolution=1024x768&speed=1'));Note: At this time I haven't been able to get it to submit the form, so you will have to click submit for the session to begin.
Update: I have published a set of bookmarklets on github https://github.com/stephenway/browserstack-bookmarklets
Written by Stephen Way
Related protips
4 Responses
you can add "start=true" in the above url and it will automatically start the browser
I am unable to verify "start=true" actually works.
Sorry, but you also need to use /start instead of /test (more here: http://www.browserstack.com/integrations)
That pretty much came full circle for my idea, so I made a whole set here https://github.com/stephenway/browserstack-bookmarklets
Have a fresh tip? Share with Coderwall community!
JavaScript on a page runs with the privileges of that origin. One altered library, tag manager, or snippet can read inputs, change what people see, and call your APIs as the user.
Security insights from Cside