I finally decided to upgrade my cell phone to one that supports the web and email. I settled on an LG enV3 in slate blue. One of the pages I frequently check is my comments page, and as I had taken care to ensure that the markup degraded gracefully, the page displays adequately on my mobile device — with one obvious annoyance that surprised me.
To read the comments, I have to horizontally scroll. Usability significantly improves if I add the following to my CSS:
body {width:320px}
Now, clearly I don’t want all user agents to format the page with a 320px width. My preferred approach would be to solve this in the CSS. The first thing I tried was media="handheld", but sadly the results showed that this was ignored.
I tried Media Queries, but they too were ignored. This opens up the possibility of styling by default a limited width and only utilizing the full width on browsers that support Media Queries. Firefox 3.5 being one such browser. Firefox 3.0.11 doesn’t have such support. My conclusion is that this isn’t widely enough supported for me to depend on it.
I may end up having to do conneg. Available headers include:
That page does not appear to be always up to date. E.g. my Sony Ericsson C905 is not listed either but Opera Mini works fine. Maybe go to operamini.com on your phone and see what it says?
I went to operamini.com, but the browser on the phone did such a poor job of rendering the page (the dropdown menus on the top are permanently dropped down, and obscure the content of the page) that the page was useless to me.
As to OpenID: I do try to get the “sreg” nickname and fullname info and have tested it with my setup, but for some reason it didn’t get your info.
As an update: the problem appears to be related to the “footer” that I relocate to be a dropdown menu. It doesn’t relocate with this web browser (which is fine with me), but does cause the screen width to change (which is what I want to avoid).
I have yet to figure out how to install Opera Mini, or even verify that Opera Mini is supported at all on the device that I have.
Again, what I see if I go to the Opera Mini page is that the Products... Support... Company... and Business #nav dropdown menus are all (simultaneously) dropped down — just the backgrounds though (rectangles with horizontal lines, no text), with the net effect being that the page itself is obscured.
That page lists three options. Go to the page that I can’t read. Send myself an SMS message (result: URL of the same page), or select my device from a list (which doesn’t list my device).
I guess I’m hopeless, as I don’t know what to do with those links.
I click on them from within the browser on my phone and see some evidence that they are being downloaded (in the top center I see an icon that looks like a cell phone, followed by an icon containing two horizontal arrows pointing in different directions, and finally followed by an icon that looks vaguely like a globe).
Then... nothing, in each case.
I clearly can download those files to my PC, but I wouldn’t know how to install such files onto my phone.
Meanwhile, I’m using this stylesheet. I’m disappointed that, like IE, I can’t apply css rules to elements introduced in html5.
Can you try the styling dependent on the User-Agent? Just throw the mobile browsers a completely different css. Infact you don’t even need to write code, just rewrite the URL if User-agent is a mobile agent.
Your phone is, as far as I can determine a BREW phone, and doesn’t support J2ME. Now, having said that, I know we deliver on BREW, but I’m not at all sure whether your operator supports installation of third-party applications.
If you want a solution that works in your phone’s native browser, the referenced UAProfRDF XML file is an acceptable way to do content negotiation. It tells you right in the prf:ScreenSize element what resolution it supports. I have to agree with the others that Opera Mini is an excellent alternative, though.
Lowell McAdam: Bravo. Depending on what’s offered, I sometime next year, I’ll seriously consider an out-of-cycle (i.e., non-subsidized) upgrade....
[more]