mobile-website | 易学教程

jQuery Mobile background image not showing on a full screen iPad web app

阅读更多关于 jQuery Mobile background image not showing on a full screen iPad web app

问题 I have set a background on the data-role="page" element like so <div data-role="page" style="background: transparent url('img/background.jpg') no-repeat;" > It works perfectly fine on a desktop browser and on the iPad safari browser. The issue I am having is that when you add the website to the home screen as an 'app' and it is a full screen web app. It doesn't show the background... I have tried setting it via a style sheet and inline and both ways give me the same issue. I am completely out

Chat app using jquerymobile web app framework

阅读更多关于 Chat app using jquerymobile web app framework

I my previous question I asked how to implement the chat feature using client side technology especially using jquery mobile. I had also put up the question in the jquery mobile forums too but I was disappointed. Finally I was able to set-up a chat feature on my local machine by referring this blog I am running jsJac client side chat but now I am implement the same thing using jquery mobile frame work I googled and try to figure out how it can be done, but could not find any examples as such. If any suggestions and ideas on how to do and get the things done, kindly help to achieve this. Thank

iscroll issue with two dimensional ( horizontal + vertical ) scrolling, scrollable are related issue?

阅读更多关于 iscroll issue with two dimensional ( horizontal + vertical ) scrolling, scrollable are related issue?

Problem in brief I have got a piece of working two dimensional scrolling code. Scrolling as such is working fine. Scrolling can be done in any direction (not like restricted to only horizontal or only vertical at a ti,e) but there are two problems - Scrolling beyond the visible area towards top and left, does not bounce back the scrollable area. Scrolling to right and bottom bounces back. Problem demo - http://jsfiddle.net/sandeepan_nits/pAhjU/6/ Note - Test in webkit browsers only (Google chrome and Safari). Solution I am looking for Either, point out what is wrong in my code. Or share any

Switching stylesheet with Javascript based on browser

阅读更多关于 Switching stylesheet with Javascript based on browser

问题 I'm currently trying to edit a website for a client which uses Adobe Contribute so it uses a different stylesheet if the user is browsing from a mobile phone. The mobile phone stylesheet is much simpler and strips out background images and styles to reduce load time. I understand it would be better practice to have a completely seperate website for the mobile, but this is not practical for the client as he needs to be able to update his websites content using Contribute. This is working in

IIS/ASP/ASP.net: How to structure web-site to expose mobile version

阅读更多关于 IIS/ASP/ASP.net: How to structure web-site to expose mobile version

问题 Pretend i have an existing web-site, e.g.: www.stackoverflow.com i now want to expose a mobile version of this web-site: m.stackoverflow.com IIS, with its host-header name resolution, would normally require two web-sites to be created: www.stackoverflow.com m.stackoverflow.com Except now i have two web-sites in IIS. This means i have to duplicate code/files between them. i don't need to (nor do i want to) duplicate all the "model" and "controller" code between two web-sites. i would much

Is there an Android equivalent to Google Maps URL scheme for iOS?

阅读更多关于 Is there an Android equivalent to Google Maps URL scheme for iOS?

问题 I want to open Google Maps in Navigation mode from a mobile web link. This seems easy enough for iOS devices using https://developers.google.com/maps/documentation/ios/urlscheme Is there an equivalent for Android? All I could find was this: https://developer.android.com/guide/appendix/g-app-intents.html But that doesn't allow you to specify "transitmode" and the other parameters needed to get directions as far as I can tell. 回答1: Actually, a slight modification of the methods described in the

Android: How to create a launcher

阅读更多关于 Android: How to create a launcher

问题 I've never developed for Android before, so please consider me 100% dumb when you answer :) I would like to create an application launcher that will open the default web browser to a given url. In other words, I want to make an icon with my website logo, and when you click on it, it opens the site in your default web browser. Could someone direct me towards a tutorial/documentation page to achieve this? Or if it's really simple, maybe show me some code here? Thanks for your time! P 回答1: If I

iOS HTML Input Tag Stops Scrolling in Scrollable Element

阅读更多关于 iOS HTML Input Tag Stops Scrolling in Scrollable Element

My mobile website has a fixed scrollable ( overflow-y:auto ) element that contains input tags. On iPhone and iPad, touching and moving on the input tags block the element from scrolling but touching and moving on labels (or anything else) do not. This issue does not occur on Android. The input tags used to be part of a table before I switched to div s for layout and the scrolling worked then for iOS and Android. Is there a reason why scrolling is blocked when the input tags are not in table s? I really prefer not having to go back to table s for layout. I also tried -webkit-overflow-scrolling:

How does the development of a mobile website differ from a normal one?

阅读更多关于 How does the development of a mobile website differ from a normal one?

We are going to redevelop one website we developed as an ASP.NET website to be a mobile one. So, I'm wondering how does the development of a mobile website differ from a normal one? Also, what is the best approach to do this taken in consideration that this mobile website will be browsed mainly from iPhone? There are a number of differences between a mobile device and a standard computer. The screens are much smaller (fewer pixels to display your page). You should put fewer elements on each page. They are typically viewed in portrait mode (narrow display - narrow page). You should plan on

Continuous HTML5 audio/video playback in iOS?

阅读更多关于 Continuous HTML5 audio/video playback in iOS?

I'm working on a mobile web app and want to allow for continuous playback of HTML5 audio or video in both Android and iOS (i.e. queue up a playlist of YouTube videos or Grooveshark songs and have them all play in a row automatically). Android doesn't seem to be an issue, but everything I've read has suggested that Safari prevents audio from playing unless it's initiated by a user, and prevents continuous play if the screen becomes locked. That said, Grooveshark's mobile web app will play an entire playlist of songs in my iPhone 5 (iOS 7). It'll play the next song even if I'm in another Safari