Popular Topics

Handy shortcuts to using Ready.mobi

March 6, 2009, by

Shareshare-arrow

I love Firefox. In fact I sometimes wonder how anyone ever did any web development or design without Firefox and its many great extensions. Well I've got 3 handy add-ons/tips for you that will make designing for mobile that much easier by enabling you to launch ready.mobi in seconds.

FYI, if you've been under a rock the last few years, Ready.mobi is an excellent tool provided by dotMobi to test a page/site's readiness for use on mobile devices. It does a deep analysis of the page and gives you a full report and a "Ready" score out of 5. You can find out more at http://ready.mobi.

Web Developer

Web Developer is a great extension – it lets you play with all the little bits and pieces of a web page making debugging your designs a breeze. One of the features of Web Developer is the ability to launch external tools, so here are some step-by-step instructions to adding Ready.mobi as one of these.

Install Web Developer extension(Obviously if you already have the extension you can skip this step.)

Ubiquity

Ubiquity is a new project from Mozilla Labs that allows you to execute quick commands from the browser. It's still early days but I am already a BIG fan. The built in commands are excellent: twitter, maps, calendar, translate and more.

I've banged together a ready.mobi command for ubiquity that allows you to test any page on ready.mobi with a few keystrokes.

There are 2 options to install this command:

Option 1

Go to Ready.mobi.If you have Ubiquity installed you'll notice a prompt to install the "ready" command.It's a little grey bar that slides down at the top of the browser screen, similar to the prompt Firefox gives you to save passwords.

Click Subscribe…

Don't be alarmed by the scary red screen that comes up, Ubiquity commands can potentially do anything they want to your browser so it's important that you get a good warning before installing one.I promise ours is clean. In fact you can review the source code on that page to see for yourself!Check Auto-Update this feed if you want to automatically get the latest version of this command if we ever make updates.Click I know what I'm doing. Subscribe to it!

Option 2

Start Ubiquity (Usually by typing Ctrl + Space).

Type command-editor. Hit Enter.

Paste in the following code:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

CmdUtils.CreateCommand({

name:"ready",

icon:"http://ready.mobi/images/favicon.ico",

homepage:"http://ready.mobi/",

author:{name:"dotMobi",email:"tech@mtld.mobi"},

license:"GPL",

description:"Checks the current page for mobile readiness",

help:"Simply run 'ready' from any page and the current page will be checked for mobile readiness.",

Click Your Commands (Link at the to of the page).You should find a command down there called ready.

Running the ready command is just like any other Ubiquity command. It takes an optional URL parameter, using the current page URL if you don't provide one.

To test it:

Go to any page you want to test with ready.mobi

Start Ubiquity (Usually Ctrl + Space).

Type ready. Hit enter.

You can test page other than the one you are on by providing a URL. For example typing ready mobiforge.com will test mobiForge.com.

Bookmarks

Here's another option that doesn't require any extensions but uses a little known feature of Firefox bookmarks. This method requires that you type the URL of the page so it's not as easy as the two methods described before.

This is a website of Afilias Technologies Ltd, a private company limited by shares, incorporated and registered in the Republic of Ireland with registered number 398040 and registered office at 6th Floor, 2 Grand Canal Square, Dublin 2, Ireland