redirecting site to mobile…file name?

Question

This is my first time creating a mobile site for someone I have the javascript code all set up and when tested on my phone, it redirects it to: m.websitename.com, like I want it to. However, I have no idea what to name the file I am wanting it to redirect to? I saved the file under: mobile.html, but it isn't redirecting to it.

I don't want it to redirect saying www.websitename.com/mobile, I don't think it looks as professional.

Thanks

Answer 1

index.html or default.html is the convention. so why not direct to

m.websitename.com/index.html

and configure the subdomain so that m.websitename.com is actually pointing to websitename.com/m folder. so that folder can have its own index file.

Answer 2

You would probably want to do this using subdomain and destination setup from your server you are using (Most of webhosting companies made this easy through their software eg cPanel). Directory structures is going to look like this. So when user was redirected t m.yourweb.com/ then it's not going to have m.yourweb.com/mobie.

domain [directory]
      css [directory]
      js  [directory]
      index.jsp  [file]
      purchase.jsp  [file]
      ...

      subdomain [directory] <- for mobile
        css [directory]
        js  [directory]
        index.jsp  [file]
        purchase.jsp  [file]

So when mobile user was detected, JS is going to redirect this user to the subdomain (for mobile) instead of normal directory. The other recommendation (which is better I think) is use the same logic from the above but when user was redirected to m.yourweb.com/ load css file for mobile version web instead of normal web. loading css through JS

If you think this is complicated, you might be interested in having a look at CSS3 media queries . This basically changes CSS layout depending on current users' screen. resolution Media queries tutorial

Answer 3

You can have any filename you like. But as btevfik mentioned either put index.html or default.html

I recommend index.html

Also you can set the default file in you server configuration. By default most servers have the default file handler as index.html. For Apache it will be either index.html or index.php. You can change this to something like mobile-handler.html by changing the server configuration.

So whenever you access your site by http://your-site.com or m.your-site.com the default file specified in the server configuration is loaded.

Please note that your-site.com and m.your-site.com will have different site root, hence request will be handled by difffernt files.