CODEWITHSUNDEEP
androidweb
Subrat
Subrat

Reputation: 3988

make a website compatible with android

How can I make a website(which is exist before) compatible with android? So that we can use every functionality of that website on our android device.

Upvotes: 0

Views: 5585

Answers (4)

Abhinav
Abhinav

Reputation: 39904

Have a look at this link: http://developer.android.com/guide/webapps/targeting.html. The same rules would apply for making a website. One of the most important things is adding this line:

<meta name="viewport" content="width=device-width" />

This tells the browser to set the zoom level according to the device width. Otherwise the site will be zoomed out a lot and the user will have to zoom in to see the text properly.

  • Almost all of your website's functionality will work in the Android browser unless you have some really screwed up Javascript code.
  • Have a different stylesheet for the mobile browser.
  • Keep lower resolution graphics as bandwidth is a huge issue on phones. An EDGE network is too slow and even 3G speeds vary a lot.
  • Do not keep the pages too long. Display sections as Accordion menus which will expand/contract when the user clicks on the headers.
  • Do not keep drop down menus which are activated on mouse hover. There is no hover state on the phone.

This article from SmashingMagazine has a couple of other tips.

Upvotes: 2

Pascal MARTIN
Pascal MARTIN

Reputation: 401022

Android's webbrowser, at least for recent versions of Android, is quite powerful, and quite close, in terms of features, to a desktop one.

So, if your website doesn't do any too-fancy / special stuff (like super-recent HTML5), it should work quite well on an Android device.


Note, though, that if you want your website to work on a mobile device, you'll have to at least think about :

  • The fact that 3G (or worse) network is slow (bandwith is not great ; and ping is not good either) ; don't make your pages too heavy.
  • The screen is small : don't put too much data on it
  • Using touch-screens with big (compared to the screen's size) is hard and not precise : use big links, don't have links too close to each other.

Upvotes: 0

CrazyDart
CrazyDart

Reputation: 3801

rewrite/modify it to be compatible with mobile browsers. Its not something that you can just add a stylesheet for.

Upvotes: 0

apesa
apesa

Reputation: 12443

have a look at WebView here. I did this with an Internal site of mine. Basically I scaled it down in size and graphics. Depending on the amount of content it could be easy or more difficult.

Upvotes: 0

Related Questions