Questions tagged [mobile]
The tag Mobile should be used to mark questions regarding mobile computing issues. Mobile computing is a form of human–computer interaction by which a computer is expected to be transported during normal usage. Examples include smartphones and tablets.
mobile
31,153
questions
1949
votes
66
answers
2.0m
views
How to detect a mobile device using jQuery
Is there a way to detect whether or not a user is using a mobile device in jQuery? Something similar to the CSS @media attribute? I would like to run a different script if the browser is on a handheld ...
722
votes
22
answers
1.7m
views
Media Queries: How to target desktop, tablet, and mobile?
I have been doing some research on media queries and I still don't quite understand how to target devices of certain sizes.
I want to be able to target desktop, tablet and mobile. I know that there ...
442
votes
15
answers
607k
views
How can I "disable" zoom on a mobile web page?
I am creating a mobile web page that is basically a big form with several text inputs.
However (at least on my Android cellphone), every time I click on some input the whole page zooms there, ...
399
votes
10
answers
114k
views
What is the difference between Hot Reloading and Live Reloading in React Native?
I'm a bit confused here. When I'm debugging a React Native Application, I usually enable both Hot Reloading and Live Reloading. I want to know what is the difference between them?
312
votes
6
answers
1.7m
views
@Media min-width & max-width
I have this @media setup:
HTML:
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
CSS:
@media screen and (min-width: 769px) {
/* STYLES ...
280
votes
16
answers
737k
views
Sharing link on WhatsApp from mobile website (not application) for Android
I have developed a website which is mainly used in mobile phones.
I want to allow users to share information directly from the web page into WhatsApp.
Using UserAgent detection I can distinguish ...
270
votes
30
answers
81k
views
Cause: buildOutput.apkData must not be null
My android application using Kotlin is throwing this exception when I try to Run 'app' in the emulator o in my cellphone. When I build my project it runs well, with no errors.
I am using:
SDK 28 (...
253
votes
32
answers
443k
views
Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions
I am building a website specifically for mobile devices. There is one page in particular which is best viewed in landscape mode.
Is there a way to detect if the user visiting that page is viewing it ...
244
votes
18
answers
573k
views
Simplest way to detect a mobile device in PHP
What is the simplest way to tell if a user is using a mobile device to browse my site using PHP?
I have come across many classes that you can use but I was hoping for a simple if condition!
Is ...
242
votes
6
answers
534k
views
How to create hyperlink to call phone number on mobile devices?
What is the proper, universal format for creating a clickable hyperlink for users on mobile devices to call a phone number?
Area code with dashes
<a href="tel:555-555-1212">555-555-1212</a&...
241
votes
11
answers
400k
views
How to access a mobile's camera from a web app?
In my web app (not native app) for mobiles, I want to take a photo and upload it, but I don't want to use Adobe Flash. Is there any way to do this?
223
votes
15
answers
505k
views
How to center a component in Material UI and make it responsive?
I don't quite understand the Material UI grid system. If I want to use a form component for login, what is the easiest way to center it on the screen on all devices (mobile and desktop)?
213
votes
8
answers
781k
views
How to print to the console in Android Studio?
I just downloaded Android Studio for Linux from:
http://developer.android.com/sdk/installing/studio.html
I'm wondering how to print to the console?
Neither System.out.print(...) nor Log.e(...) from ...
170
votes
7
answers
352k
views
Get GPS location from the web browser
I am developing a mobile based web-site, there I have integrated Google Maps, I need to fill the 'From' field of Google Maps dynamically.
Is it possible to get the GPS location from web browser and ...
165
votes
25
answers
134k
views
Hilt Unsupported metadata version in Kotlin
I was tried to run my code in Kotlin 1.5.10
With plugin as
plugins {
id 'com.android.application'
id 'kotlin-android'
id 'kotlin-kapt'
id 'dagger.hilt.android.plugin'
and dependencies as below
...
162
votes
6
answers
107k
views
Remove textarea inner shadow on Mobile Safari (iPhone)
By default, it seems Mobile Safari adds the top inner shadow to all input fields, including textarea. Is there a way to remove it?
It's especially ugly when you have a white background.
161
votes
3
answers
144k
views
Google Chrome Mobile Emulator: How to show on screen keyboard
I'm debugging a mobile version of our website through Chrome's Mobile Emulation tool, but cannot figure out how to have an on-screen keyboard pop up when selecting a text field.
I have clicked on ...
158
votes
7
answers
97k
views
How to remove the blue highlight of button on mobile?
I try to remove the blue box that appears on click in front of buttons as you can see below:
Before asking, I have made a lot of research, I have tried the solutions given by the following topics:
...
154
votes
10
answers
295k
views
How to handle floats and decimal separators with html5 input type number
Im building web app which is mainly for mobile browsers. Im using input fields with number type, so (most) mobile browsers invokes only number keyboard for better user experience. This web app is ...
146
votes
15
answers
367k
views
position: fixed doesn't work on iPad and iPhone
I have been struggling with fixed positioning in iPad for a while. I know iScroll and it does not always seem to work (even in their demo). I also know that Sencha has a fix for that, but I couldn't ...
145
votes
5
answers
99k
views
Disable Blue Highlight when Touch/Press object with Cursor:Pointer
There is a blue highlight that appears whenever a Div that has the cursor:pointer property applied is touched in Chrome.
How can we get rid of it?
I have tried the following:
-webkit-touch-callout: ...
145
votes
14
answers
40k
views
OAuth secrets in mobile apps
When using the OAuth protocol, you need a secret string obtained from the service you want to delegate to. If you are doing this in a web app, you can simply store the secret in your data base or on ...
135
votes
4
answers
165k
views
Make element unclickable (click things behind it)
I have a fixed image that overlays a page when the user is in the act of scrolling a touch screen (mobile).
I want to make that image "unclickable" or "inactive" or whatever, so that if a user ...
132
votes
4
answers
144k
views
Responsive web design is working on desktop but not on mobile device
I have a website which must be responsive for mobile phones. I've created it using my desktop. When I adjust browser windows it's working perfectly for mobile phone but when I check it on my real ...
131
votes
11
answers
32k
views
Choosing Mobile Web HTML5 Framework [closed]
For the new project, I have been searching for a framework with support of HTML5 and runs on mobile, that is IPhone, IPads. I found out these:
Sencha Touch
M-Project
jQuery Mobile
jQTouch
Titanium
...
127
votes
4
answers
50k
views
Difference between jQTouch and jQuery mobile
What is the difference between jQTouch & jQuery Mobile Framework ?
Are they related (other than being both based on jQuery) ?
Do they have the same goal ?
Edit: jQTouch is now jQT
126
votes
5
answers
231k
views
What are the aspect ratios for all Android phone and tablet devices?
I'm looking for a list of all screen aspect ratios for popular Android based Phones and Tablets.
123
votes
10
answers
281k
views
Flutter (Dart): Exceptions caused by rendering / A RenderFlex overflowed
I have a problem with Flutter (Dart) RenderFlex overflowed pixels. An exception of rendering library.
How can I manage or apply scrolling ability to my app page view and avoid Flutter's rendering ...
120
votes
3
answers
413k
views
Bootstrap 3 Slide in Menu / Navbar on Mobile [closed]
I am building a browser-based mobile app and I've decided to use Bootstrap 3 as the css framework for the design. Bootstrap 3 comes with a great "responsive" feature in the navigation bar where it ...
115
votes
5
answers
84k
views
What's the right OAuth 2.0 flow for a mobile app
I am trying to implement delegated authorization in a Web API for mobile apps using OAuth 2.0. According to specification, the implicit grant flow does not support refresh tokens, which means once an ...
114
votes
6
answers
84k
views
How do I reduce the inner padding around the text within an Android button object?
So, at the moment I have a button which looks like the first image above. How do I reduce the padding around the text inside the button itself (To look more like the second image)?
Layout width and ...
111
votes
8
answers
46k
views
Restrict API requests to only my own mobile app
Is there any way to restrict post requests to my REST API only to requests coming from my own mobile app binary? This app will be distributed on Google Play and the Apple App Store so it should be ...
110
votes
11
answers
195k
views
Create a link that opens the appropriate map app on any device, with directions to destination
I rather thought this would not be so hard to find out but appearantly it is not easy to find an awesome cross device article, like you'd expect.
I want to create a link which opens either the mobile ...
108
votes
9
answers
141k
views
Apple Touch icon for websites
Up to now, I've been including the line for the Apple Touch icon in my head like this:
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
However, in the Q&A "What are the correct ...
105
votes
4
answers
189k
views
What's the point of 'meta viewport user-scalable=no' in the Google Maps API
I'm using the Google Maps JavaScript API V3 and the official examples always have you include this meta tag:
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
Most of the ...
105
votes
1
answer
161k
views
Using form input to access camera and immediately upload photos using web app
I came across this answer which is brilliant:
In iPhone iOS6 and from Android ICS onwards, HTML5 has the following
tag which allows you to take pictures from your device:
<input type="...
105
votes
4
answers
125k
views
:touch CSS pseudo-class or something similar?
I am trying to make a button, such that when the user clicks on it, it changes its style while the mouse button is being held down. I also want it to change its style in a similar way if it is touched ...
104
votes
5
answers
27k
views
Why does Twitter Bootstrap Use Pixels for Font Size?
Given that Twitter Bootstrap is designed to be responsive / device-friendly, why doesn't it use relative font sizes?
103
votes
4
answers
66k
views
How does Chrome's "Request Desktop Site" option work?
For iOS google chrome, when a user hits the "Request desktop site" button what does the browser do to try to bring up a desktop site? I imagine some sort of header on the request that sites are ...
101
votes
9
answers
53k
views
Android id naming convention: lower case with underscore vs. camel case
I'm currently programming an application for the Android. Now what I found out is that you cannot place resource objects, say, an image in the drawable folder and name it like "myTestImage.jpg". This ...
101
votes
7
answers
109k
views
screen styling when virtual keyboard is active
Ideally, i would want the entire interface to have a custom styling that is seen on the ios (itouch / ipad) or android equivalent with the virtual keyboard present. See below for more details.
A ...
98
votes
10
answers
79k
views
pinterest API documentation [closed]
Update Aug 2015: Pinterest provides it here now https://dev.pinterest.com/
Is there official or unofficial documentation on the v2 Pinterest API?
Things I know:
JSON api is in version 2. https://...
97
votes
4
answers
116k
views
HTML file input control with capture and accept attributes works wrong?
My problem:
Then user click the input type=file user must get the upload file + camera dialog. I'm using for this html attributes accept and capture. But on some modern devices this doesn't happen. ...
95
votes
12
answers
124k
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 ...
94
votes
1
answer
37k
views
How to secure an API REST for mobile app? (if sniffing requests gives you the "key") [closed]
I know there are some authentication methods for API Basic Authentication, API Keys, OAuth 2.0 ... all of those methods add a header or a FormData param in the request.
Although you use SSL, it's &...
93
votes
12
answers
526k
views
Make an image responsive - the simplest way [duplicate]
I notice that my code is responsive, in the fact that if I scale it down to the size of a phone or tablet - all of the text, links, and social icons scale accordingly.
However, the ONLY thing that ...
91
votes
15
answers
222k
views
HTML5 <video> element on Android
According to:
http://developer.android.com/sdk/android-2.0-highlights.html
Android 2.0 should support the HTML5 video element. I haven't been able to get this to work using a Motorola Droid, and ...
89
votes
17
answers
20k
views
What work has been done on cross-platform mobile development? [closed]
Have any well-documented or open source projects targeted iPhone, Blackberry, and Android ? Are there other platforms which are better-suited to such an endeavor ?
Note that I am particularly asking ...
88
votes
6
answers
107k
views
Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others?
Our site renders with inconsistent font sizes on mobile Safari -- and as far as we can tell, only Mobile Safari. This very much has stumped us.
We analyzed the site with Firebug, and the incorrect ...
88
votes
8
answers
25k
views
When should I add Redux to a React app?
I'm currently learning React and I am trying to figure out how to use it with Redux for building a mobile app. I'm kind of confused on how the two are related/usable together. For example, I completed ...