What do I need to know to make my website work on mobile browsers?

I am using ASP.NET 3.5 with Visual Studio 2008. I have a few questions surrounding my website and mobile users.

  1. Will my website be displayed correctly on a mobile?
  2. What items will not work on a mobile (I know flash can be a problem?)
  3. What advice can you give me for my website to work 100% on a mobile?

Thanks in advance!

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

See these links

7 usability guidelines for websites on mobile devices

Designing Web Sites for the Internet Explorer for Pocket PC

Make Your Web Applications Support Pocket PC

W3C recommendations for Mobile websites

Bye

Method 2

head:

<%@ Page Language="C#" ContentType="application/xhtml+xml"%>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

Page must be 100% valid: use &amp; instead of &, and <br/> instead of <br> and so on.
Do not use external css files, it must be inline.
Do not use javascript.

Method 3

to do a mobil website you have to watc out for:

  • scaling of course, make sure everything fit and every text is readeble.
  • Flash is a problem :s
  • Dont forget to try on multi mobil borswer (IE,OPERA,….)
  • Do not put big images or else the load would be slow and will unscale everything.
  • You can check out Microsoft best practices for mobil dev
  • If your website has textbox use auto implementation, for some device is painfull to write in a mobil website

i will put some more later, hope this helps

Method 4

1- No it will not.

2- that’s depend on the version of OS on mobile

3- you have to build your mobile application from the beginning by using mobile controls and Mobile web form (A Form for mobile Web Applications) instead of web form.

all of this controls are under this namespace:

using System.Web.UI.MobileControls;

That’s will make your application to work on more than 200 types of mobile devices.

Method 5

One of Scott Hanselman’s podcasts talked about the Mobile Device Browser File for ASP.Net. This is a file that contains feature information about loads of different mobile devices and browsers. For example, you can check if a mobile device connecting to your site has support for cookies, or find out its screen size, etc.

I’ve never done any mobile development, but this looks as if it could be very useful.

This is on CodePlex here: http://mdbf.codeplex.com/


All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x