Posts tagged Opera
Debugging websites on mobile devices with Opera Mobile and Dragonfly
Aug 24th
I have previously written about how you can debug mobile websites with a tool called Weinre. Now I will explain another way to debug sites, this time, with Opera Mobile, and Opera Dragonfly.
I will be demonstrating this on a Galaxy S 2, with Opera Mobile 11.10 on Android and Opera desktop version 11.50.
This is Opera Mobile, not Mini, which is a different browser.
This will not work for iPhone or iPad since Opera Mobile is not allowed into App store since it is too “similar to safari”.
As we developers know, it is quite difficult and cumbersome to inspect a websites source code, css, javascript or layout, from a mobile browser, like you can in a desktop browser with tools like Firebug.
Dragonfly is a tool that can be used to debug and edit websites on your mobile device, from your desktop computer.
I will be showing how to connect to your phone, and start debugging away!
How to easily debug websites on mobile devices with “Weinre”
Aug 5th
If you do web development, chances are you sometimes need to fix something on the website adapted to mobile devices such as iPhone and Android.
Debugging websites in a browser on a computer is easy with all the good tools available, such as Firebug in Firefox, Webkit inspector in Chrome and Dragonfly in Opera. But mobile devices doesn’t have any such tool. What do you do then?
That was my problem the other day, a div element on the website rendered for iPhone got the wrong styles, so I had to investigate…
Which was not easily done from the iPhone Safari browser, to say atleast.
(And the solution was not as easy as just browsing the mobile website on my computer with iOS user agent.)
A buddy of mine had just recently come over a tool called weinre. Funny name, yes, but a very handy tool to debug websites on mobile devices!
About Weinre
- Weinre stands for “Web Inspector Remote” and is similar to the web inspector in chrome.
- It will allow you to use the inspector (run on your computer), on the website rendered on your mobile device!
- Changes you do in the inspector, are reflected instantly in the mobile devices browser. (such as changing text, color, dimension etc) just as in FireBug.
- You also get a javascript command line.
- Weinre is a simple jar file, you run through the command line.
It has a lot of documentation on its website, maybe too much, so I thought I would try to cook it down to a few simple steps to get up and running quickly.
Use nicknames in Opera to save time and avoid typing the whole url
Jun 25th
Did you know, that in Opera you can give each bookmark (or folder of bookmarks), its own nickname?
That way, you can just enter the nickname in the address bar, hit enter and your bookmark (or folder of bookmarks) will open.
For example, when you are on your favorite website, press Ctrl+D to bookmark the website, click the Details >> button, and enter your nickname in the Nickname box.
You can also set a nickname on your folder of bookmarks. Just right click the folder (in the bookmark pane), go to Properties and then set a nickname for it.
Enter your nickname in the address bar, hit enter, and all the bookmarks in that folder will open.
Google +1 Opera extension Support page
Jun 5th
Hi
This is the landing page for the Google +1 extension for Opera.
You can download the extension here.
Update:
I have recently updated the extension, it should now be working properly again!
Features:
With this extension you can view the Google +1 rating of the current website, and also you can +1 the site by clicking the +1 button.
The links in the bottom, gives some information when you mouse over.
Mouse over the “Url” link to see the current address for which the +1 rating is.
If you have questions, feedback, bugs etc, feel free to report them here.
Please Share this.
Opera Maps extension – Support page
Jun 4th
Hi
This is the landing page for the Google Maps extension for Opera.
You can download the extension here.
The extension allows you to select a street address, and hit the button, to get a full dynamic Google Map for the location.
I just (11 June) submitted an update to go through the review process, the update includes:
- user interface improvement.
- editbox to change the selected address or just do a regular map search.
- type or change the address in the editbox, and just hit enter to search.
- latitude and longitude koordinates should work.
The new interface now looks like this:
Street view and all other map features also work:
If you have questions, feedback, bugs etc, feel free to report them here.
More information to come.
Please Share this:
Speed up web browsing by putting Opera cache on a RAMdisk
May 30th
In this small tutorial, I will show you how you can speed up web browsing in Windows by putting Operas cache folder on a RAMdisk, instead of your old harddrive or SSD.
It requires about 100 MB of free ram, or preferably more (250MB or so, if you can afford it). Since most systems today have 4 GB ram, setting aside 200MB should not be a problem.
First up, we need to create a ramdisk
After lots of searching, I found a program that works well, and does exactly what I need, the utility is called RAMDisk, created by Dataram.
Features:
- It gives you a free personal ramdisk up to 4 GB in size, without registration, which is more than enough.
- It works on Win7 and Vista, both x32 and x64 bit, and win XP
- It works pretty well after having tested it for a couple of days.
The installation of RAMDisk is pretty straightforward, so Im not going to go through that.
The setup
Setting up the ramdisk is pretty easy.
- Choose the RAMDisk size in MB.
- Choose a Fat32 partition.
- Click Start RAMDisk
You should now have a RAMDisk ready to use:
Configuring the volatile RAMDisk so it becomes non-volatile
The way the RAMDisk is set up for now, it will delete all files on the RAMDisk when it is stopped (volatile).
If you want the files to be stored, you can click on the Load and Save tab, where we can set the content of the disk, to be loaded and stored at startup and shutdown, to an image file.
If you now check “Save Disk Image on shutdown”, give it a filename, and press “Save disk image now”, then it will create the image of your RAMDisk. The image will be the same size as your RAMDisk.
Then, check the box, “Load Disk Image at Startup”, specify you image file, and optionally give your disk a label, “Ramdisk” or something describing.
Then go to File -> Save settings.
Your RAMDisk should now be properly set up, it should load when you start your computer, and save the contents to the image file on shutdown.
And we can now configure Opera.
Setting up Opera to use the RAMDisk
Ok, this is the easy part:
- Open a new tab in Opera.
- Paste this into the url bar, and press enter: opera:config#UserPrefs|CacheDirectory4
- This will take you to the configuration page, to change your cache directory.
(Alternatively just enter opera:config, press enter, and search for “cache” - Now create a folder on your RAMDisk, called “operacache” or something.
- Enter the path to your “operacache” folder, on your RAMDisk, in the “Cache Directory4″ settings.
- Remember to hit Save at the bottom of the “User prefs” settings list!

- Restart Opera.
Now, if this is properly set up, there should be cache files popping up in your “operacache” directory when you are browsing the internet. Something like this:
That tells us this is working!
And depending on how fast your computer is, you may notice a difference in page load times (from cache).
Note: Of course, webpages will not load faster the first time you visit them, since the bottleneck will be your internet connection.
Benchmarking the RAMDisk
Just for the fun of it, I did small and quick benchmark on my RAMDisk with Atto disk benchmark.
These are the results, compared to the regular harddrive, to the right:
Now hopefully you can enjoy a little bit faster web browsing
Thank you.
Please share this post.
Securely synchronize passwords and other sensitive data via Dropbox and other online storage services
Dec 27th
With all the buzz about LastPass and other services you can use to help managing passwords and login information for all the websites you visit, I wanted to share my way of accomplishing the same.
There are now LastPass plugins for all the major browsers out there, Chrome, FireFox and Opera, and even mobile devices.
Im not saying LastPass is no-good, it looks like a nice piece of software.
But, I don’t want to store my passwords at any 3rd party, even though I know LastPass uses encryption.
My main browser over the last 6-7 years (version 7.something) is Opera. Opera have a feature called Wand which can remember your passwords when you sign in to websites, and it will let you log in automatically by pressing the Login key or Ctrl+Enter.
How to hide the new Visual Mouse Gesture in Opera 11
Dec 20th
Some people like it, and some people don’t, luckily,
Opera is so customizable that it lets you disable the new Visual Mouse Gesture feature.
Mouse Gestures will work as before, but you won’t be seeing anything to the big gray overlay everytime you do a gesture.
Here is how to disable it
- In Opera, write “opera:config” in the addressbar and press enter.
- Type “gesture” in the searchbox
- Uncheck the Show Gesture UI option

- Press Save and restart Opera
The Visual Mouse Gesture should now be gone!
Tip: You could also use the direct shortcut:
opera:config#UserPrefs|ShowGestureUI to get there faster, just type it in the addressbar and hit enter.
If you rather want to adjust the length you have to drag your mouse before the gesture is registered, you can take a look here for how to change this.
Moving or Removing the Menu button in Opera
Dec 18th
How to Adjust the Mouse Gesture Threshold in the new Opera 11
Dec 16th
Opera 11 finally got released today, and it contains a bunch of new features,
you can download it from Opera.com.
Some of the new features in Opera 11
Some of the new features I find very nice to have are:
- Finally, real extensions! Opera have had widgets for a long time, but has been lacking those full extensions, which Chrome and FireFox have.
- Search autocompletion in the adressbar. typing “g EnvyAndroid” instantly gives you relevant search keywords from Google.
- The new Feed menu is quite handy

- The ability to synchronize your urlfilter settings via Opera Link, so the ads I block on my laptop,
will also be blocked automatically on my other computer.
(From earlier versions of Link, you can also synchronize your bookmarks, speed dial, typed history, notes and custom search engines!)
Fixing the Mouse Gesture Threshold
After they updated the Mouse Gesture feature with a visual guide (Youtube demo vid), It seems they also changed the Mouse Gesture Threshold, or how many pixels you have to do the gesture before it is considered a gesture.
Luckily, it’s easy to fix this.
- Go to opera:config in your addressbar
- Type gesture in the searchbox on the config page
- Change the default value (5) to something lower (1 or 2 will do), if you don’t want to move your mouse such a long distance to perform a gesture.
- Press Save, restart Opera, and you’re done!
You could also go directly to the Mouse Gesture Threshold settings with this link:
opera:config#UserPrefs|GestureThreshold
Update (Jan 7): It looks like Opera will adjust the gesture sensitivity in next release, it’s been fixed in a Opera 11.01 Snapshot. So I assume you can expect it to be working when the Opera 11.01 stable is released.
Removing the whole Mouse Gesture Overlay
Read this if you want to completely remove the gray Mouse Gesture Overlay circle.
Please share this article!












