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

StackOverflow https://stackoverflow.com/questions/1320764

Question

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!

OTHER TIPS

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.

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

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.

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/

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top