How to: add "translate" and "forward" shortcuts in IE and other bookmarklet tricks

Published by at

Windows Phone 8's Internet Explorer generally does a very good job of rendering web pages, but, unlike most desktop browsers, it is not very extensible, with no way to install add-ons. One partial solution to this limitation is to use bookmarklets to add basic navigation shortcuts (forward, top of the page) and simple tools (translate page) via Internet Explorer's favourites (bookmarks) feature. 

From a technical point of view, bookmarklets are small portions of JavaScript code that extend Internet Explorer's functionality. In essence they are a special kind of favourite, with a given action applied to the currently opened page. 

To create a bookmarklet favourite in Internet Explorer on Windows Phone 8 create a new favourite from any page and then edit the name and web address fields as needed. 

Putting a hyphen (-) in front of the favourite's name means that it will show up at the top of your favourites list. If you prefer, you can use a full stop, brackets, or another symbol. Alternatively, you could preface the name with a "z", in which case the bookmarklets will be at the bottom of your favourites list.

Navigation shortcut bookmarklets

Forward

In the move from Windows Phone 7 to Windows Phone 8, Microsoft removed the "forward" navigation option from Internet Explorer's menu. The equivalent functionality is available via the "recent" (history) option in the main menu, but as an alternative you can create a "forward" shortcut favourite to move one page fowards in your browsing history. 

FavoroitesFavoroites

Back

The same technique can be used to create a "back" shortcut favourite. Given the presence of the standard back key on all Windows Phone devices this is less useful than the "forward" shortcut. However, it can still be useful when switching back to Internet Explorer after using another app (i.e. multi-tasking), since Windows Phone's back key follows your path through the phone, not your web browsing history (i.e. in the multi-tasking scenario, the back key will take you back to the previous app, not the previous web page).

Top

Also useful is the "top" shortcut, which returns the browser view-port to the top of the page (i.e. automatically scrolls to the top of the page instantly). This can be handy when reading a long page, such as a Wikipedia entry or reference article.

Other bookmarklets

The bookmarlets detailed above are very simple. While Internet Explorer on Windows Phone 8's support for bookmarklets is somewhat limited, it is possible to automate some very useful additional actions and functionality.  

Title

The "title" bookmark is an example of how you can get information about the current webpage. It shows the title of the current web page, taken from the page's <title> tag. It's possible to use this to show other page attributes too (e.g. document.URL):

Readability

The "readability" bookmarklet sends the current page to Readability, a service that turns any web page into a reading optimised view. It's particularly useful for reading content of pages that are poorly optimised for mobile, or that have been incorrectly rendered by Internet Explorer. Once the page has been processed, you can use Readbility's built in toolbar to change how the text is shown (size, background colour, font).

For a longer bookmarklet like this we recommend you copy and paste the web address portion, rather than typing it in manually. You can copy it from this web page, or you can email yourself the code and copy and paste it from there.

FavoroitesFavoroites

Translate

The "translate" bookmarket uses the Microsoft Translator service to translate the text of a web page into a language of your choice. The text will be translated in place (i.e. the text will be changed to English, but other page elements are left in place).

The code above is for translating into English (the source language is recognised automatically), but you can also use it with various other languages (or replace the "en" with your own language code, such as "fi" for Finnish).

FavoroitesFavoroites

and more...

There are plenty of bookmarklets floating around the web, but you'll find a lot of them do not work with Internet Explorer on Windows Phone 8 (e.g. those requiring additional input and/or something on the page to be highlighted). If you do find something that works, or have created your own bookmarklet then please share it in the comments.
 

Update

As pointed out by Frankie Bloise in the comments below Internet Explorer's settings lets you replace the default reload / stop button on the address bar with a favourite button (or tabs button). This then gives one tap access to favourites. An equivalent to the refresh button can be created by using the bookmarklet below: