Opera is a great broswer to test your website for many different possible configurations of your users. Here is how:
From Opera Webpage:
Using the Opera desktop browser as test environment:
Testing without Small-Screen Rendering
Make a window at the size ypu wanna test. Opera allows you to include window size in the title bar. Now you will see two numbers in front of the page title, something like 1000:800. The number before ':' is the window width in pixels, the number after ':' is the window height in pixels. A typical phone size is 320 pixels high and 240 pixels wide.
Create a page
Open the page in Opera 7
Check Show windows size in File > Preferences > Windows.
Resize the window to device size
You can add or remove the addressbar and scrollbars as Ctrl+F8 toggles the addressbar, Ctrl+F7 toggles the scrollbars.
Testing with Small-Screen Rendering
Create a page
Open the page in Opera 7
Select View > Small screen (Shift+F11)
Testing with a 'Handheld' stylesheet
Create a page, have at least one style sheet with media="handheld" (5.1)
Open the page in Opera 7
Select View > Small screen (Shift+F11)
Opera 7.0-7.03 for Windows didn't support media handheld, so you need 7.10 or newer to test this.
Turning off graphics
Opera has a three modes for graphics, On > Off > Cached only. The shortcut key for toggling between these three is G.
Turning off JavaScript
Opera users, also on devices, are likely to have JavaScript enabled. It can still make sense to test the pages with JavaScript turned off if they are making heavy use of dynamic HTML, e.g. with JavaScript menus. The differences with Opera for desktop means that it is not entirely reliable as a testing platform for JavaScript on devices. If the page still works with JavaScript turned off, it should work on a device too.
JavaScript can be turned off with F12,J.
Testing without a mouse
Devices do not have a mouse, and many do not have any other pointing device. To simulate this turn the mouse upside down and just use the keyboard for navigation and page interaction. The Ctrl+B shortcut lists the keyboard commands.
Validating the pages
It is possible to automatically check whether or not a web page is written according to the standards. W3C has a validation service for HTML and XML, as well as for CSS. Other organizations have sites that allows you to test for accessibility. Even if you do not intend to have error-free pages, the test results they generates are very useful for spotting important errors before the user complaints arrive.
Validating HTML
Right-click on document, Frame > Validate Source (Ctrl+Alt+V)
You can also go to the URL <http://validator.w3.org/>.
Validating CSS
There is no built-in CSS validator function in Opera, but you can go to the URL <http://jigsaw.w3.org/css-validator/>.
Validating accessibility
Making web pages accessible has much in common with making them work on a variety of devices. One such service is Bobby, <http://bobby.watchfire.com/>. A larger list of services can be found at <http://www.w3.org/WAI/ER/existingtools.html>
_________________
Dust fills my eyes / Clouds roll by / and I roll with them / Centuries cry / Orders fly / and I fall again
Afford best design, implement best solution. Outsource your web design.
