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.

1392 questions
39
votes
3 answers

Difference between visual viewport and layout viewport?

What is the Difference between visual viewport and layout viewport for a mobile device like iPhone/iPad? I have gone through a lot of online resources, but am still unclear about it.
testndtv
  • 43,898
  • 91
  • 265
  • 396
39
votes
9 answers

How to detect a long touch pressure with javascript for android and iphone?

How to detect a long touch pressure with javascript for android and iphone? native javascript or jquery... I want something that sound like :
Christophe Debove
  • 5,600
  • 18
  • 67
  • 120
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
35
votes
9 answers

Mobile website "WhatsApp" button to send message to a specific number

A mobile website can be customized to allow users to share a pre-filled message in WhatsApp to a manually chosen contact. As given here it is done using Custom URL Scheme. An example: Hello,…
Lyric Roy
  • 465
  • 2
  • 5
  • 13
32
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
  • 18,210
  • 7
  • 54
  • 77
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
  • 535
  • 1
  • 4
  • 12
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,172
  • 21
  • 75
  • 121
28
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,201
  • 4
  • 28
  • 48
27
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
  • 134,556
  • 218
  • 544
  • 822
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
  • 73,720
  • 16
  • 109
  • 137
26
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,233
  • 6
  • 45
  • 72
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,192
  • 6
  • 25
  • 35
23
votes
8 answers

How to "turn off" jQuery Mobile's styling of drop downs. Ultimately I'd like the device itself (iPhone, Android, Blackberry, etc.) to determine how the