mobile-safari

Webapp for iphone switches from home screen to Safari when url parameters are used

由 夙愿已清 提交于 2019-12-05 17:23:58
问题 I've developed a web app for the iPhone, and I have it bookmarked and added to my iPhone's home screen. I'm noticing a problem with it, though: it works as intended until I navigate to a page within the app that has a query string and parameters - for example, www.mywebapp.com/page02.html?param1=value&param2=value2 . When I go to a page with such a URL, iOS switches me from the embedded version of Safari to the main Safari app - it takes me out of my app. I don't know why this is happening.

unable to set web inspector breakpoints after upgrade to Safari 7.0.4, both local and remote

由 二次信任 提交于 2019-12-05 14:44:41
After an upgrade to OSX 10.9.3 (13D65) and Safari 7.0.4 (9537.76.4), I am unable to set breakpoints in my cordova app using the Safari web inspector. Enabled breakpoints appear as dark grey, disabled as a lighter grey. "debugger" statements are ignored. The behavior is the same on either the simulator (iOS 7.1 11D167) or a physical device (iOS 7.1.1 11D201). The mobile app does show up under the Develop menu (iPad Simulator or xxx iPad). I can inspect the DOM. I tried the solutions suggested in this problem: Why is Web Inspector showing me "no inspectable applications"? , and this Why Safari

iPad Safari does not fire blur event

由 倖福魔咒の 提交于 2019-12-05 14:25:13
问题 I have an html input text element in my application with jQuery blur event handler: $('#textBox').blur(function () { console.log('blur'); }) When I click on a page area out of the textbox, desktop browsers fire this event, but iPad Safari does not. And neither the keyboard nor the cursor does not disappear. Are there any ways to "enable" the blur event ? 回答1: By design, a tap away will remove the hover state but the textbox will remain focused. Safari Web Content Guide should help you develop

Weird behaviour when rotating iPhone for TDs with colspan

由 别来无恙 提交于 2019-12-05 13:32:25
This is about displaying a simple HTML page in iPhone's browser, with rotation. Setup : two identical tables but one of them has a (CSS) width of 69% while the other is at 100%. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable = yes" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <title>Test</title> <style>

iOS css -webkit-transform: scale doesn't offset touch events

由 岁酱吖の 提交于 2019-12-05 13:25:02
问题 I have an iframe I need to pull in for display on iOS devices. The contents of the iframe are not under my control and they are not responsive in any way (fixed 800x600). So I'd like to scale the iframe down to display it in the iOS viewport. Using -webkit-transform: scale(0.4) I was able to scale it down but now the touch events are all wrong (e.g. touch a form element doesn't pop open the keyboard). If you touch where the element was before scaling it works. Is there any way to correct the

Debugging console for stand-alone web app on iOS [duplicate]

由 老子叫甜甜 提交于 2019-12-05 12:58:22
This question already has answers here : How to debug web sites on mobile devices? (15 answers) Closed 4 years ago . When testing my web app on the iPad, I can enable the debugging console of Safari Mobile and happily read my logging output. I can not find a way to do the same for a stand-alone app, meaning the web app was "added to the home screen" and the window.navigator.standalone flag says true, but there is no "Debug Console" banner at the top like there is inside Safari Mobile. I have a bug that only happens in stand-alone mode and am almost ready to add a little debugging console to my

How do I make the black bars on the side of an HTML5 Video on iPad disappear?

由 大憨熊 提交于 2019-12-05 12:34:16
I'm working on a WebApp that is supposed to run mostly on iPads. The App plays several videos and has some interactive components as well. My problem is cosmetic: even though the HTML5 Video Tag works fine, the custom controls that I've created control the video/audio playback just fine, for the life of me I can't figure out how to make the black bars on the side of the video disappear. The embedding is completely standard: <video id="video" src="./video/video.mp4" width="1024"></video> I just want the damn video to be exactly as wide as the iPad screen, but no matter what size I specify,

iOS UIWebView of RSS to look more like Safari and stay inside app

由 别来无恙 提交于 2019-12-05 11:48:22
Im creating an RSS reader app...but I have noticed that UIWebView renders the RSS feed very differently than Safari does. This is the RSS feed... http://www.sigmapi2.org/index.php?option=com_ninjarsssyndicator&feed_id=2&format=raw This is what I want my UIWebView to look like...this is a screenshot from iOS' Mobile Safari NSURL *url = [NSURL URLWithString:@"http://www.sigmapi2.org/index.php?option=com_ninjarsssyndicator&feed_id=1&format=raw"]; NSURLRequest *request = [NSURLRequest requestWithURL:url]; [webView1 loadRequest:request];} produces a blank page in the UIWebView And this code below..

orientationchange event fires scroll & resize event

由 て烟熏妆下的殇ゞ 提交于 2019-12-05 11:04:14
For a project I'm working on, I ran into a strange issue, for which I could not find an answer on here (or anywhere else). I tried creating a Fiddle to demonstrate what happens, but due to the nature of my script, and the way jsfiddle functions, it is not working correctly. Anyway, here's a link to the Fiddle so at least you'll have the code. What I want to happen Execute a single handler ( onViewportChange ) on three possible window events: resize , orientationchange and scroll . Based on the event type, the handler will figure out what to do. Sounds pretty straightforward. What I did For

IOS 6, safari fullscreen webapp, home button

由 匆匆过客 提交于 2019-12-05 09:16:11
I'm developping a webapp (javascript) to put on the homescreen of the iPad to be able to run it in fullscreen mode. Everything is working but after a random while, the home button doesn't work anymore. But the app still continuing to run, and the is no bug at all. I still can run javascript functions in the console with safari on my mac, alert, prompt, and all of those stuff are working. but not window.close(); To quit the application I have to restart my device by pushing the switch off button and the home button. If anyone can help me to figure out what it is I would be very happy. The
订阅 mobile-safari