Most web-applications offer snippets of HTML or Javascript codes to be embedded in your blog. From Facebook to Youtube, almost all web-applications follow this trend. But before you embed that widget in your website, you might want to see for yourself how it looks like — only the widget. Here's how you can do the same right from your address-bar.

All you have to do is to paste the snippet in your address-bar and prepend data:text/html, (note the comma) to it and hit enter! Your widget is on the page! For instance, if you have a YouTube "embed video" snippet like this:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/bPfPK59weT8&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bPfPK59weT8&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
After you add data:text/html, it looks like:
data:text/html,<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/bPfPK59weT8&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bPfPK59weT8&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>


On Chromium it looked like this:

Note that it works on Google Chrome, Firefox, Chromium. I haven't tested this in Opera or Safari. It definitely doesn't work on Internet Explorer!

Labels: , , ,

blog comments powered by Disqus