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
10
votes
1 answer

Highlighting/ Selecting text on element with Javascript/JQuery for mobile web (android, iOS, Windows Phone)

I'm attempting to speed up the process for "copying and pasting" text in ALL mobile web browsers (Android, iOS, and Windows Phone) by allowing a user to click/touch an element and it will auto "select/highlight" the text inside that element. ✔ What…
Oneezy
  • 4,881
  • 7
  • 44
  • 73
10
votes
1 answer

Why am I seeing streaks with rotation on mobile browsers?

I'm performing a rotation of a 2d canvas which works pretty well on the desktop but there's one small issue in the mobile space. Here's a zoomed in screenshot: The thumb image is rotated about 0.2rad over the course of 500ms. What I think is all of…
Chris Tonkinson
  • 13,823
  • 14
  • 58
  • 90
9
votes
6 answers

Is HTML, CSS remote debugging possible for Mobile and Tablets like Android , ipads?

Is HTML, CSS remote bugging depossible for Mobile and Tablets like Android , iPads? For example I want to use firebug on Ipad website, but from my desktop and firebug changes should be seen in iPad. my question is not specifically to Firebug, if I…
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
9
votes
2 answers

Cookies not set or sent in request in iOS Safari or Chrome works on all Android and Desktop Browsers

I use a set-cookie header made on the backend to set a secure, http-only cookie on the device. This has worked like a charm on desktop Safari, Chrome, FF, IE etc. This also works on Android Chrome. However, when I tried to run the same exact code…
9
votes
4 answers

jquery mobile how to detect if mobile virtual keyboard is opened

In mobile device, when I open my page and select an inputbox, the virtual keyboard is open, and I want to catch this event to do my job. Is there any event handling defined in mobile browser to accomplish this? So when the keyboard is open, I d like…
Wilson Breiner
  • 155
  • 1
  • 2
  • 9
9
votes
1 answer

How to fetch device information from a progressive web app

How to fetch device information (Google Advertising Id or IDFA) from a progressive web app https://developers.google.com/web/progressive-web-apps/
9
votes
3 answers

Opening SMS app from feature phone's mobile browser?

Via HTML, is it possible to access/open the SMS app from a mobile browser? It's okay if the SMS is routed through the user's own mobile carrier (like normally), and is billed to the said user as well. I don't want to create my own SMS gateway to…
Hassan Baig
  • 15,055
  • 27
  • 102
  • 205
9
votes
3 answers

Mobile HTML pages basics

What are the basics for creating a web page for a mobile device? I'm developing a simple page with a table and several links, but when I open it with my Android phone it is too small, and I have to zoom in to see it clearly. Normally when I access a…
vtortola
  • 34,709
  • 29
  • 161
  • 263
8
votes
2 answers

Javascript Gesture Library

I'm looking for a good javascript library for gestures (like swipe, tap, doubletap, pinch, etc) for use on mobile browsers. The library should have cross-browser support and should be relatively lightweight. I'm currently using phone gap with…
Steve
  • 2,108
  • 4
  • 25
  • 36
8
votes
4 answers

jqueryMobile footer on nested list

I have a nested list in a jQuery Mobile test app. And it has a fixed footer. Works great until I click on an item in the list. Anything past the top level of the list has no footer. Is there a way to keep the footer throughout the Nested List…
Adam
  • 93
  • 2
  • 5
8
votes
1 answer

Deep link to app not working while opened in gmail built in browser

Facing an issue with opening a deep link into my app when the web page containing the deep link is opened from the Gmail built in browser. Deep link works fine if I open the web page containing the deep link in Chrome browser. My workflow is as…
8
votes
2 answers

Do we need "CSS reset" for mobile browsers also?

Do we need "CSS reset" for mobile specific site also? like we need for desktop browsers? Can css reset on mobile sites decrease the performance of rendering?
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
8
votes
5 answers

Mobile HTML rendering numbers

I have a mobile WEB Page showing a bank statement. Something like this: DATE | DESCRIPTION | AMOUNT --------------|--------------------------|--------------- Jan 2nd 2010 | Clothes | USD 1.839.000 Sep 23rd…
Pablo Santa Cruz
  • 176,835
  • 32
  • 241
  • 292
8
votes
2 answers

How do I tell whether a browser is on a touchscreen device with JavaScript?

I know this is a bit of perennial question, but here goes: I want to know whether the device my site is being accessed with is a touchscreen. That means phones and iPads, of course, which are individually detectable, but also other touchscreens that…
Trevor Burnham
  • 76,828
  • 33
  • 160
  • 196
7
votes
4 answers

How to keep header at top of visual viewport after layout/visual viewport changes in Chrome mobile web?

I know there have been multiple SO questions about this, but none of them seem to work anymore since the browser teams have made changes since those questions were asked. I'm trying to find the most up-to-date solution to this problem. Objective My…
Dan L
  • 4,319
  • 5
  • 41
  • 74