PUBLOG

After many years with Opera as my primary browser, I’ve partly started to use Google Chrome as it’s rather fast and the UI is really sweet. Google Chrome has got some very useful tools for webdevelopers, but I was surprised that there was no ‘View Selection Source’ item in the context menu. I’ve therefore decided to port my User JavaScript which allows you to see the source of a selected part of a page, originally developed for Opera, to Google Chrome as an extension (which turned out to be surprisingly easy).

The Chrome extension API doesn’t allow you to add items to the context menu (yet?), so after installation, there is an icon next to the address bar which you can click to display the source code. If you don’t like the default Mozilla-like color scheme of syntax highlighting, you can go to the Options page and choose the Desert one instead.

Download

You can install it either from the Google Chrome extensions gallery or as a bookmarklet:

• View Selection Source as a Google Chrome extension
• Bookmarklet version (displays the code in a new window and has no configuration options)

Screenshots

Custom Color Schemes

If you feel like creating a new color scheme, here is how the CSS code looks like. Hope the class names are descriptive enough:

#desert body {
	background: #333;
	color: #fff;
}
#desert .tag {
	color: #BDB76B;
}
#desert .entity {
	font-weight: bold ;
}
#desert .tagName {
	color: #BDB76B;
	font-weight: normal;
}
#desert .attrName {
	color: #BDB76B;
	font-weight: normal;
}
#desert .attrValue {
	color: #FFA0A0;
	font-weight: normal;
}
#desert .quote {
	color: #FFA0A0;
	font-weight: normal;
}
#desert .comment, .comment *  {
	color: #87CEEB !important ;
	font-weight: normal !important ;
}
#desert .cdataMark {
	color: #ff6600;
	font-weight: bold;
}
#desert .cdataContent, .cdataContent *  {
	color: #ff6600 !important ;
	font-weight: normal !important ;
}

Once you’ve created one, don’t forget to send it to me so that I can build it into the extension!

A couple of years ago, there was a need for an implementation of CSS3 selectors in JavaScript (as a part of a debugging tool I was working on). The implementation is ready and tested, but is not needed anymore so I’ve decided to publish it for free download.

(more…)

The ‘View Selection Source’ is a simple JavaScript bookmarklet (favelet) or a User JavaScript which allows you to see the HTML source of any part of a page, which is very useful for web developers. It brings to Opera the same functionality as Firefox has by default.

(more…)

Anchorize.js is a small user JavaScript file for Opera which converts plain text links into real clikable links. It works on both HTML pages and text files.

(more…)

Pretty XML tree view is a user JavaScript for the Opera browser that automatically transforms raw unstyled XML files (i.e. RSS feeds) into a pretty – Firefox like – tree view which is much more user friendly.

(more…)