Questions tagged [mobile-website]

Mobile Website refers to the design and implementation of web content aimed at clients using mobile devices such as phones or tablets.

Mobile websites allow us to consume information that has been formatted to better fit the browser on our mobile devices.

When consuming content from a phone or tablet, websites that were not designed for these devices can often be difficult to navigate or interpret. Mobile websites bridge this gap by offering content designed specifically for mobile consumption.

Some solutions include redirecting users to a separate mobile web sites or using media queries or some other browser detection to serve alternate styling or HTML.

Another consideration of mobile websites is that of page weight. Because many mobile browsers use mobile carrier networks to connect to the internet, it is a good practice to conserve the amount of data your page requires. These practices may include compressed scripts or resources, smaller images suited specifically for mobile consumptions, or otherwise reducing page size by breaking up the content into more manageable areas/pages.

1460 questions
44
votes
6 answers

Tips for optimizing a website for Android's browser?

I'm looking for tips, tricks and resources on optimizing a website design for Android's browser. I'm building an Android app and some of the functionality will be accessible through a web interface.
nyenyec
  • 7,138
  • 9
  • 29
  • 15
43
votes
7 answers

how to prevent iOS safari alert when trying to open non-installed native app?

I've been looking for a way to open a native iOS app from the browser. I found a decent solution here: Is it possible to register a http+domain-based URL Scheme for iPhone apps, like YouTube and Maps? This solution works great when you have the app…
Dima Feldman
  • 708
  • 1
  • 10
  • 17
41
votes
9 answers

Change Django Templates Based on User-Agent

I've made a Django site, but I've drank the Koolaid and I want to make an IPhone version. After putting much thought into I've come up with two options: Make a whole other site, like i.xxxx.com. Tie it into the same database using Django's sites…
36
votes
4 answers

Disable pinch/zoom in Android 2.1 browser on HTC devices

I'm building a mobile site and have the following meta tag set in the header: Unfortunately, this isn't working on HTC devices (HTC Hero,…
8three
  • 369
  • 1
  • 3
  • 3
33
votes
3 answers

Android browser refreshes page after selecting file via input element

I have a mobile web page which includes an input element of type 'file', to allow users to upload image files to a server. The page works fine on iOS, and on a Nexus 4 (Android 4.2.1) in the Chrome Browser. When I use a Samsung S3 (Android 4.0.4)…
codebox
  • 19,927
  • 9
  • 63
  • 81
31
votes
5 answers

How can I request an increase to the HTML5 localstorage size on iPad, like the FT web app does?

If you open http://app.ft.com (the Financial Times mobile web app), you are prompted to add the app to your "home". After doing this, when you open the app, you are prompted again to allow the localstoreage database size to be increased up to…
FrancescoR
  • 520
  • 1
  • 4
  • 12
31
votes
2 answers

Detect mobile devices with Django and Python 3

I am struggling to find an easy way to detect if the request comes from a mobile device in my Django views. I am trying to implement something like this: #views.py def myfunction(request): ... if request.mobile: is_mobile = True …
J0ANMM
  • 7,849
  • 10
  • 56
  • 90
30
votes
7 answers

Deeplinking mobile browsers to native app - Issues with Chrome when app isn't installed

I have a webpage, lets call it entry.html. When a user enters this page, a javascript code (see below) is attempting to deep-link the user to the native iOS / Android app. If the deep-link fails (probably if the app isn't installed on device), user…
geevee
  • 5,411
  • 5
  • 30
  • 48
29
votes
7 answers

What are cross-browser, cross platfom web safe fonts?

How to make cross browser, cross platform and all devices compatible css font stack?
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
28
votes
6 answers

Javascript console.log() on HTC Android devices and adb logcat

I am developing the application in HTML which is calling the console.log() from Javascript to provide me logs during the development about what happens in the web page code. Unfortunately when I use the adb logcat command to check logs I can see…
STeN
  • 6,262
  • 22
  • 80
  • 125
27
votes
4 answers

Hide address bar in mobile device browser

I know 1 way of doing this. ... But this works only if the page is big enough to be scrolled. If the page fits the screen the above function wont work. How to hide the…
Prabhat
  • 2,261
  • 7
  • 46
  • 74
26
votes
5 answers

Multiple HTML5 media elements on one page in iOS (iPad)

My research has led me to learn that Apple's media element handler is a singleton, meaning I can't have a video playing while an audio is playing in the background. I'm tasked to build a slideshow presentation framework and the client wants a…
AlienWebguy
  • 76,997
  • 17
  • 122
  • 145
25
votes
7 answers

Which Devices Support Javascript Geolocation via navigator.geolocation?

The iPhone supports geolocation in mobile Safari via the following call: navigator.geolocation.getCurrentPosition( function(pos){ var lat = pos.coords.latitude; var long = pos.coords.longitude; }, function(){ /* Handler if location…
Maciek
  • 3,322
  • 6
  • 28
  • 35