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-website
1,474
questions
310
votes
14
answers
213k
views
Comparison between Corona, Phonegap, Titanium
I am a web developer and I want to move my web products to iPhone. One of the products is like Google Maps: show map on the phone screen, you can drag or resize the map and view some information that ...
- 12.3k
255
votes
22
answers
479k
views
Why are my CSS3 media queries not working on mobile devices?
In the styles.css, I am using media queries, both of which use a variation of:
/*--[ Normal CSS styles ]----------------------------------*/
@media only screen and (max-width: 767px) {
/*--[ ...
- 21.7k
254
votes
8
answers
148k
views
What is the difference between max-device-width and max-width for mobile web?
I need to develop some html pages for iphone/android phones, but what is the difference between max-device-width and max-width? I need to use different css for different screen size.
@media all and (...
- 15.3k
111
votes
15
answers
151k
views
iOS Safari – How to disable overscroll but allow scrollable divs to scroll normally?
I'm working on an iPad-based web app, and need to prevent overscrolling so that it seems less like a web page. I'm currently using this to freeze the viewport and disable overscroll:
document.body....
- 1,304
108
votes
4
answers
99k
views
Is it okay to use <input type="tel"/> now?
I'm working on a mobile phone web app and I have several text fields that could benefit from <input type="tel"/>. iPhones will adjust the keyboard for the user, but I'm worried about breaking ...
- 3,508
101
votes
12
answers
186k
views
Disable Pinch Zoom on Mobile Web
I want to disable Pinch and Zoom on Mobile devices.
What configuration should I add to the viewport ?
Link : http://play.mink7.com/n/dawn/
- 54.5k
95
votes
15
answers
181k
views
disable horizontal scroll on mobile web
I'm having an issue where horizontal scrolls appear on certain phones for my site.
I tried to put overflow-x: hidden but it's not working.
The width is auto, so that it will actually automatically ...
- 1,445
94
votes
12
answers
121k
views
Tooltips for mobile browsers
I currently set the title attribute of some HTML if I want to provide more information:
<p>An <span class="more_info" title="also called an underscore">underline</span> character is ...
- 51.8k
80
votes
2
answers
59k
views
Meta-tags for mobile – should they be used?
Meta-tags "Viewport", "MobileOptimized" and "HandheldFriendly" can be used to provide appropriately formatted HTML-content to mobile devices. Are these tags good things? They seem pretty platform ...
- 1,211
69
votes
20
answers
42k
views
Sencha Touch or jQuery Mobile? [closed]
I wonder if I were to develop a mobile Web app (now, in two weeks, or in a month), which one should I go for? Which one would you mobile Web developers go for?
If jQM 1.0 were officially released ...
- 15.9k
65
votes
9
answers
177k
views
Blocking device rotation on mobile web pages
Is it possible to detect on my page, for example using Javascript, when user visit it using mobile device in portrait mode, and stop orientation changing when user rotate its phone to landscape? There ...
- 1,854
65
votes
2
answers
63k
views
Image Size Best Practices for Mobile Application
I am building a mobile application that will target iPhone/iPad and Android phones. The application will involve users taking photos and uploading to my server and later on the users will be able to ...
- 681
57
votes
10
answers
105k
views
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 :
<input type='button' onLongTouch='myFunc();' />
- 6,166
49
votes
10
answers
211k
views
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:
<a href="...
- 635
46
votes
3
answers
27k
views
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.
- 50.1k
44
votes
6
answers
58k
views
Tips for optimizing a website for Android's browser? [closed]
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.
- 7,148
43
votes
7
answers
35k
views
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?
...
- 708
41
votes
9
answers
19k
views
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. ...
36
votes
4
answers
16k
views
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:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
...
- 369
33
votes
3
answers
11k
views
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 ...
- 20.1k
32
votes
2
answers
34k
views
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):
...
...
- 8,309
31
votes
5
answers
25k
views
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 ...
- 530
30
votes
7
answers
51k
views
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 (...
- 5,441
29
votes
7
answers
18k
views
What are cross-browser, cross platfom web safe fonts?
How to make cross browser, cross platform and all devices compatible css font stack?
- 151k
28
votes
6
answers
31k
views
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 ...
- 6,260
27
votes
4
answers
59k
views
Hide address bar in mobile device browser
I know 1 way of doing this.
<body onload="setTimeout(function() {window.scrollTo(0, 1)}, 100)">
...
</body>
But this works only if the page is big enough to be scrolled. If the page ...
- 2,263
26
votes
3
answers
15k
views
How to detect touch device in 2019?
For my app, I need to radically change the entire UX for touch devices using an onscreen keyboard (eg. mobile, touch TV) vs mouse/kbd devices (eg. desktop, a mobile with a bluetooth mouse/kbd).
NB. ...
- 21.8k
26
votes
5
answers
5k
views
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 ...
- 77.5k
25
votes
7
answers
27k
views
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....
- 3,362
23
votes
2
answers
23k
views
How to scale a website for mobile devices?
I've a very simple static web page (only css and links, no scripts).
It looks good on android and iphone, but too small. I'm guessing they put it smaller since it work for most of the sites.
How can ...
- 665
23
votes
8
answers
34k
views
How to "turn off" jQuery Mobile's styling of <select> drop downs?
I need to turn off jQuery Mobile's styling of <select> drop downs. Ultimately I'd like the device itself (iPhone, Android, Blackberry, etc.) to determine how the <select> drop down looks.
...
- 247
22
votes
6
answers
69k
views
Getting (mobile) device name from javascript
Is there a way to get the name of a mobile device (e.g. "John's iPhone" ) using javascript?
Maybe I wasn't very clear... what I meant is not whether it's an iPhone, iPad etc. but the "device name" - ...
- 1,469
22
votes
2
answers
3k
views
How to keep WebRTC dataChannel open in phone browser inactive tab?
I am making a web application that uses WebRTC. It works just fine on desktop browsers. However on a small smartphone web browser, there are unwanted events:
When switching tabs on the mobile web ...
- 3,127
21
votes
10
answers
50k
views
Redirect mobile devices to alternate version of my site
We've got an alternate version of out website ready for mobile devices. The content we serve is different and it works well.
What is the best way to detect which version to serve. We don't have a ...
- 3,078
21
votes
8
answers
4k
views
Detect whether browser has keyboard/arrow keys in web page
I have a full-screen game in HTML+JavaScript, which uses the arrow keys as primary controls. This cannot be used on keyboardless Android devices (I haven't tested on iOS), and even if the soft ...
- 40.7k
21
votes
3
answers
47k
views
"Add to homescreen" button in Android does not show website as a Web App
I've created a mobile-friendly web site with jQuery Mobile and added some meta info so that it should be pinned to iOS and Android homescreens and should be launched as a web app (in other words: in a ...
- 33.1k
21
votes
4
answers
5k
views
Paypal Adaptive payment for mobile web
Im integrating Paypal Adaptive Payment API for a mobile website.
But when Im submitting payment to
https://www.paypal.com/webscr?cmd=_ap-payment&paykey=value
( For Sandbox : https://www.sandbox....
- 2,868
20
votes
7
answers
36k
views
Sending an SMS to a Cellphone using Django
I am building an application, where I have this little survey module, which sends out a simple sms to the phone number I give and has to collect the response(if the user fires it) and show it to me. I ...
- 2,809
20
votes
2
answers
26k
views
Can mobile website have biometric authentication?
I have mobile website and in this application I want to use device's native PIN, Faceid and Fingerprint authentication, is this practically somehow possible? because I don't think browser would allow ...
- 1,436
20
votes
4
answers
14k
views
Is there any use of favicon.ico for mobile websites?
Is there any use of favicon.ico for mobile websites? will it be shown in browser address bar and tabs in mobile websites
We use apple icons <link rel="apple-touch-icon" href="/apple-touch-icon.png"...
- 151k
19
votes
5
answers
29k
views
em vs px... for mobile browsers
For desktop browser all modern browser uses Zoom functionality so we can use PX but if same site can be seen on mobile then would px not be good for zooming in mobile browsers. or use of px is also ...
- 151k
19
votes
8
answers
20k
views
CakePHP website mobile version
I have developed a full website with CakePHP framework and we'd like to make a very light version of the website for mobile devices (mainly iPhone/iPad).
Is there a way to use the existing website ...
- 2,794
19
votes
5
answers
46k
views
Media query not working in IE9
I'm having a strange problem that only occurs with IE9. I'm working on a web page that has a desktop layout, and a mobile layout. Same HTML, different CSS. The problem happens with the code below:
@...
- 191
19
votes
5
answers
12k
views
Converting a regular MVC site for use in phonegap
I have a site that's done using ASP.NET MVC and jQuery. Is it possible to modify my existing project without too much of rework so that it can be used in phonegap to create iphone/android apps?
- 13.2k
19
votes
5
answers
10k
views
SVG support on smart-phone browsers
I am investigating SVG, so I was wondering if anyone knows how good SVG support is for browsers on smart-phones. I know Opera Mini/iPhone support a lot of SVG Tiny, but I cannot figure out the support ...
- 1,945
18
votes
4
answers
14k
views
QR code with URL, does it *REALLY* need the http://?
It seems like most (if not all) QR readers on my iPhone handle URLs without the http:// just fine but I was wondering if that is universal? Android? BlackBerry? Is there an RFC somewhere that I ...
- 1,659
18
votes
4
answers
6k
views
what units do you use for css for mobile web apps?
px? em? pt? seems like with varying device sizes and densities it's getting to be time to use something absolute like pts. Can anyone point me to a good, recent write-up of what to use when?
(I'm ...
- 19.5k
17
votes
5
answers
125k
views
Responsive design with media query : screen size?
I'm working on responsive designed web site using media queries. But i do not know how to take a good width set.
As you can see on this table, there is a lot of different resolution even for a ...
- 887
17
votes
2
answers
52k
views
Facebook URL schemes on a mobile website, open app if its installed, otherwise go to the webpage
I am creating a hybrid desktop/mobile website that all share the same pages, aka I do not have two separate URLs for desktop and mobile. I am trying to get Facebook links to open in the native ...
- 2,150
17
votes
5
answers
11k
views
Mobile Device Browser File vs. WURFL for ASP.NET
I am working on a commercial web application that has a separate mobile browser version intended for the more capable devices (BlackBerry, iPhone, Android, etc). I don't want to do simple User Agent ...
- 41.8k