Im wrapping a html5 website in a native app. The app splash screen appears for a sec then a white page appears, I decided to add an image view that have the same image as the splash screen to fill this white screen and I hide this intermediate image once the websites download all the jquery and CSS. However, this screen lasts for really long time (up to 30 sec.) so I thought that it may be due to the jquery and CSS large buddle downloading time. So create a page which has and image and a redirect js(non library) statement and found that redirects so fast. I cannot understand why, anybody have an explanation
That's the expected behaviour when attaching a web view
You may want to consider that your app plans may run afoul of App Store guidelines:
Apple can reject mobile web shell apps.
Related
Ok, now most mordern smartphone has 720p or 1080p resolution. That mean even screen size is small like 4 in, we still can see all text, gui (such as email textbox) of the whole website when first time opening it in Galaxy s3.
However, though we can see the very little email textbox in mobile browser, it is too small for us to enter data. So we need to magnify the page and that is very time consuming.
My question is, can we make the gui of GWT app automatically enlarges itself so that mobile users do not need to enlarge it?
Also the gwt could shpw the gui in Portrait direction.
you need to follow responsive web design principles to achieve your objective. Also have a look here bootstrap provides widgets that are flexible
Please forgive me if this question sounds like clearing Safari cache/cookies in General->Settings.
The issue is as follows:
We have a custom webpage where user can upload his profile icon/image by choosing from Phone's photo library or taking a photo.
The 1st time user uploads an image P1, it's uploaded successfully to server.
If user refreshes the webpage and tries to upload a different image P2, P1 is uploaded to server.
Problem persists even after clearing browser cache.
If I kill browser and clear cache, then I'll be able to upload a new image.
This problem does not occur on browsers on Google devices or on PC.
Somehow iPhone browser remembers the image object and I need to find a way to clear it.
Launch the Settings app from the Home screen of your iPhone or iPad.
Scroll down and tap on Safari.
Now scroll all the way to the bottom and tap on Advanced.
Tap on Website Data. Notice here you can see how much space on your iPhone or iPad website data is taking up.
Scroll to the bottom again and tap on Remove All Website Data.
Confirm one more time you'd like to delete all data.
Launch the Settings app from the Home screen of your iPhone or iPad.
Scroll down and tap on Safari.
Now scroll all the way to the bottom and tap on Advanced.
Tap on Website Data. Notice here you can see how much space on your iPhone or iPad website data is taking up.
Scroll to the bottom again and tap on Remove All Website Data.
Confirm one more time you'd like to delete all data.
I am building iphone app using sencha touch 2 command. App works fine except, when I open it on iphone it shows splash screen and then shows white blank screen for 1-2 seconds. I believe it could be the issue of gathering all sencha js files to execute. But is there any way, we can show temporary screen instead of white blank screen?
I am not using phone gap to build iphone app.
Thanks,
Viral.
In phonegap based applications, there will be a provision for increasing the splash screen duration. Search for the same thing. You may find a solution for the way you are building your app(not phonegap)
Edit: Try lazyload.. i.e., while the content is loading use a throbber like thing. Because blank screen may seems to be like the application is not working properly
I'm using jqTouch inside a UIWebView of my native iPhone application and many of the pages have very weird "tap-jump" issues.
About 75% of the time that I access a page if I scroll down a bit, and just tap anywhere on the screen, it jumps to the top of the page. If I open that same page in the iPhone Safari browser, it works great every time and no "tap-jump" issue. So it appears to be an issue ONLY within the UIWebView.
I've been spending hours and hours trying different things to figure out why this is happening and I welcome any ideas.
Thanks,
John
It is expected behavior for jQTouch to scrollTo(0,0) on slide left/right navigation. Of course, this will only create a noticeable effect if you tap a link while the page is scrolled (i.e., if the page isn't scrolled, it can't jump).
I don't know why you'd see a difference between UIWebView and Mobile Safari, unless perhaps the UIWebView is shorter than Mobile Safari, which could create the possibility of scrolling in the UIWebView that doesn't exist in Mobile Safari.
My suggestions are:
Make sure you have the latest version of jQTouch (https://github.com/senchalabs/jQTouch)
Make sure you are doing exactly the same testing in UIWebView as you are in Mobile Safari (i.e., if you scroll down prior to tapping in one, do the same in the other).
HTH,
j
So I just made my web-application "iPhone Friendly". So you can add it to your home screen and it has an icon, no chroming, etc etc.
The problem is that I want to display a custom splash-screen every time it is opened from the iPhone home screen. Right now it just shows the last screen viewed while it basically runs a refresh.
I have tried attaching events to window.onfocus, window.onblur, window.onbeforeunload, and NONE of them seem to work right when the app is being run in "mobile-app" mode.
Am I being dumb? Er.... don't answer that. Does anyone know what is wrong?
Unfortunately, with the restrictions Apple imposes, this is impossible.
My recommendation is to create a App Store application with a full-screen WebView. Then, you can use a default.png file and a ImageView for your splash screen. Also, you get a ton more visibility on the App Store. (Also, if you go this route, check out PhoneGap - http://phonegap.com/).
Update!! In the iPhone 3.0 update, mobile safari now supports the ability to specify an image to be used on startup:
Remember this only works with iPhones that are running 3.0+
The loading screen you are talking about is the loading screen for an APPLICATION, not a webpage, i.e its the loading screen for Safari. This has nothing to do with "the restrictions Apple imposes", just with the fact that because your web app still runs in the browser, the browser needs to load first. Like was also said, if you want to get around this you need to build your own app, in which you can specify the splash screen.
Are you using this?
<meta name="apple-mobile-web-app-capable" content="yes" />
If yes, it should refresh every time when you exit the web app and enter again. It will NOT show the last screen viewed. Hence you can show your splash-screen every time when it is opened. In another words, you should show a full screen div / image every time when you load the page.