Running Opera Dragonfly offline

, ,

Opera Dragonfly uses HTML5 Application Cache (commonly known as AppCache) to store itself on your machine. The biggest advantage is probably that Opera Dragonfly still works while you are completely offline, updating itself to the newest version available when you go back online. In addition, this also reduces start-up time: Opera Dragonfly will execute from cache as soon as it's invoked, while any newer version will only be downloaded once the tool is already running.

However, there are a few situations in which this use of AppCache won't work, and Opera Dragonfly will need to first be downloaded via a live web connection before being usable:

  • You've never started Opera Dragonfly with this instance of Opera before (for example, after a fresh installation)
  • You're using multiple profiles in Opera and you've have never started Opera Dragonfly in this particular profile.
  • You have cleared the list of Webpages using persistent storage in your preferences or specifically removed the entry for dragonfly.opera.com

In these situations, there are a few (admittedly rare or unlikely) things that can go horribly wrong and prevent Opera Dragonfly from being downloaded correctly:

  • Your browser version is too old to support AppCache
  • Your browser's Use application cache preference is set to No, or you haven't started Opera Dragonfly since you set it back to Yes
  • You don't have enough free disk space for Opera Dragonfly to be stored (currently it needs ~370KB)
  • The file transfer was interrupted (someone fell over the cable while Opera Dragonfly was loading from the Internetz)

To check if your particular instance of Opera Dragonfly will also work correctly offline, unplug the cable disable wifi and try take a look at Preferences > Advanced > Storage and check that dragonfly.opera.com is in the list and takes up a few hundred KBs of space.

We're working on a fancy AppCache status display for Settings > About to show you more clearly what's going on – but you'll see more on that in a future blog post.

Advanced: Clone me, fork me, build me

If you want to be 100% independent of AppCache and are not afraid of a bit of command line work, you can use Mercurial to grab the entire source from the Opera Dragonfly repository on Bitbucket.

$ hg clone https://bitbucket.org/scope/dragonfly-stp-1

You'll get the very latest version of the code from our repository, but be warned: this will include all the latest changes, which will not have undergone testing – so there's a chance that some things may break. Once cloned, enter the local /path/to/dir/src/client-en.xml in the URL field of opera:config#DeveloperTools, and next time Opera Dragonfly will run directly from your machine.

To update your local version with Mercurial, simply issue a pull and update command and restart Opera Dragonfly.

$ hg pull
$ hg update

Although simply running the code from the repository will work just fine, you can also improve your local Opera Dragonfly's start-up time by running our Opera Dragonfly build tools, which preprocess some of the files for greater performance. These tools have recently been rewritten and we'll follow this up with detailed instructions on their function and usage soon.

Future outlook

We realize that it's crucial to have Opera Dragonfly available offline whenever possible – and that includes a fresh install of Opera. As outlined, due to the nature of AppCache, there's currently still a need for the code to be loaded at least once through a live internet connection. Rest assured, though, that we're investigating ways in which even this initial hurdle can be overcome in future versions. Until that point, please make sure to "seed" the cache of your development instance and profile of Opera at least once before embarking on any offline debugging adventures.

Console + UI + Script debugging releaseCSS shorthands!

Comments

Necroman Friday, November 11, 2011 4:36:27 PM

What about having the offline availability by default? I want to be able to install clean Opera installation on a off-line machine and be able to debug off-line pages on IIS for example? Do you plan to include Dragonfly in Opera installation package? rolleyes

Patrick H. Laukepatrickhlauke Friday, November 11, 2011 5:45:10 PM

Necroman...did you read the "Future outlook" bit? That's exactly what we're saying smile

Necroman Friday, November 11, 2011 6:25:18 PM

Ouch, I skipped the last paragraph, good news then smile

d4rkn1ght Friday, November 11, 2011 7:10:48 PM

up

Mağruf ÇolakoğluZAHEK Friday, November 11, 2011 8:53:22 PM

up

Remco Lantingremcolanting Saturday, November 12, 2011 3:47:13 PM

For every commit in bitbucket you can download the entire source from the button at the top right ("get source"). For a specific version, find the commit that was labelled stable (either manually or by tag) and download that source. No need for any mercurial knowledge or install.

metude Saturday, November 12, 2011 7:40:38 PM

Do you have any plans for future adding visual event ( http://my.opera.com/c69/blog/2011/11/11/visual-event-2 ) bookmarklet like feature?
And will you publish dragonfly roadmap just like before? It's open source and this will be good.

up

Cutting Spoonhellspork Monday, November 14, 2011 12:36:11 AM

This is what I like about Opera's developer support. Very pleasant to see the company spends more time announcing changes and fixes, rather than merely complaining and deflecting blame like certain other sites.

metude: http://my.opera.com/ODIN/blog/2011/11/11/the-developer-briefcase-and-other-neat-opera-extensions-for-developers I'm still checking these out, but the options have become fairly amazing in relatively little time.

Eli Mitchellcyberstream Friday, November 18, 2011 12:16:31 AM

Something I would find so useful for designing would be to have the ability to select an element, open a color picker, and adjust the bg-color, border-color, box-shadow, etc. It's great to have a color picker in the Utilities tab, but picking a color is much harder when you can't see what the element really looks like with that color. I usually end up placing this jQuery code on the page because it makes it so much easier:

$('body').append('<input type="color" id="changeButtonColor" />")

$('#changeButtonColor').change(function() {
$('#myButtonThatNeedsaPrettyBackgroundColor').css('background-color', $('#changeButtonColor').attr('value'));
})

Nimesh nimeshthakkar Thursday, November 24, 2011 7:24:34 PM

How to use the offline mode?
Tried downloading and adding the path in the config but did not work.
Do we have to provide the relevant path or the absolute path?

Patrick H. Laukepatrickhlauke Sunday, January 13, 2013 7:31:04 PM

as somebody asked recently: yes, Opera Dragonfly has moved to github https://github.com/operasoftware/dragonfly but this still works. just clone or download the dragonfly repository from there (rather than BitBucket), enter the full local path to the client.xml file in opera:config's Developer Tools URL field, and you're golden.

Write a comment

New comments have been disabled for this post.