View Selection Source Firefox

One feature that Firefox users typically miss when transitioning over to Opera is the "View Selection Source" option. In Firefox this is used to view the HTML source code of a specific area on the page. For example, let’s say that you are visiting our site and see a Google Video that you want to embed on your own site. In Firefox you could highlight that video (and maybe some of the surrounding text), right click on the area, and choose the View Selection Source option. Firefox would then display the source code of the page and highlight the code corresponding to the text/video you highlighted.

This is extremely useful to both developers and casual users because it can save you from sifting through thousands of lines of HTML code looking for one specific part. At times it can be like trying to find a needle in a haystack.

If you’re using Opera you’ve probably noticed that this feature doesn’t exist in the right-click menu. That doesn’t mean it can’t be done though! Web Kitchen put together a bookmarklet that you can use to display the source code of a selected area. All you have to do is open this page, copy the text, and paste it into the address field of a new bookmark. It should look like this:

View Selection Source in Opera

Then anytime you want to use it just highlight some text on the page and click the bookmark. Alternatively you can place this in the right-click menu, but it will take a few additional steps. Information on doing that can be found here.

I was rather surprised at how well this worked, and it filled one of the few empty voids that Opera has. There are also some things that you can configure, such as the window height or width, since the source code opens in a popup window. Heck, you can even choose the color schemes that are used for the syntax highlighting!