I design a HTML5 canvas effects homepage on my site http://catfan.me You can click the sky and add a cloud, and It`s able to show the fps.It runs perfect on HTML5 supported browser, such as Chrome, FireFox, Safari, IE9.But i do not know if it run on iPhone, iPad or Android mobile phone. I didn`t have this devices.Can anyone to help me to test? Or is there any way to test the HTML5 effects running on iPad? Such as iOS or Android Emulator?
I've talked to a lot of people recently who say they are expecting to stop writing native mobile apps and start writing web apps once HTML5 gets more fully baked in mobile OSs. I just finished my first HTML5 deep dive, and I'm not yet convinced.
Will HTML5 work as a replacement development platform for native apps, or are there certain things that require targeting the native runtime?
I'm working on a mobile web application and all phones don't casue any trouble with the soft keyboard and input fields, but Android does (tested on a HTC One).
Here's the problem:I've got a log in page with a log in form. When and input is selected, the soft keyboard appears. The soft keyboard kicks some elements up, which causes the lay out of the page to break. On iOS and Windows Phone, the soft keyboard kicks the whole page, so basically the DOM or body up to make room for the soft keyboard. The Android browser, however, lets the body stay where it is and only kicks some elements up, which causes the lay out to break.
When input is selected:
What the desired effect is (achieved on iOS and Windows Phone):
I haven't used any position fixed, only absolute on the page wrapper, header and header logo.
I've determined an estimate of the size of my Android emulator's screen in pixels, although I think its resolution can be changed to other numbers. Quite frankly though that doesn't eliminate the general problem of not knowing how many pixels on each axis I have to work with on my Android applications in general.The main problem I'm trying to solve is this: How do I make sure I don't use a faulty resolution on Android applications if I want to keep things' sizes constant (so that if the application screen shrinks, for instances, objects will still show up just as big - there just won't be as many of them being shown) if I wish to do this with a single universal resolution for each program? Failing that, how do I make sure everything's alright if I try to do everything the same way with maybe a few different pre-set resolutions?
Mainly it seems like a relevant question that must be answered before I can come across a complete answer for the general problem is how big can I always make my application in pixels, NOT regarding if and when a user resizes the application's screen to something smaller than the maximum size permitted by the phone and its operating system.I really want to try to keep this simple. If I were doing this for a modern desktop, for instance, I know that if I design the application with a 800x600 canvas, the user can still shrink the application to the point they're not doing themselves any favors, but at least I can basically count on it working right and not being too big for the monitor or something. Is there such a magic resolution for Android, assuming that I'm designing for API levels 3+ (Android 1.5+)?
My loadMap() method generate a canvas.throwIfRecycled exception when i try to load a new map. When i start the game, the initial map loads and work fine though, its only when i try to load a new map that i get the exception ..
How can i "reset" canvas and the bitmap i use to draw into, so i can startover fresh with them ? here's what i use to create and draw my maps:
So basicaly once i created and used picDest and canvas, i cannot figure how to reset it all for when i want to load a new map..
I'm piecing together a cheapo app that amongst other things "frames" some of our websites... Pretty simple with the WebViewClient... until I hit the video.
The video is done as HTML5 elements, and these work fine and dandy on Chrome, iPhones, and now that we fixed the encoding issues it works great on Android... in the native browser.
Now the rub: WebView doesn't like it. At all. I can click on the poster image, and nothing happens.
Googling, I found http://www.codelark.com/2010/05/12/android-viewing-video-from-embedded-webview/ which is close, but seems to be based on a 'link' (as in a href...) instead of a video element. (onDownloadListener does not appear to get invoked on video elements...)
I also see references to overriding onShowCustomView, but that seems to not get called on video elements... nor does shouldOverrideUrlLoading..
I would rather not get into "pull xml from the server, reformat it in the app".. by keeping the story layout on the server, I can control the content a bit better without forcing people to keep updating an app. So if I can convince WebView to handle tags like the native browser, that would be best.
The HTML5 applicationCache in the 2.x browser is working well except for one problem:
I imagine that eventually it actually checks the manifest online, but the update() is supposed to force it. any ideas on how to force an update or how old the manifest needs to be before it checks the web again?
I'm trying to use the HTML5 Geolocation features found in Android 2.0. However, it does not work in the browser or a WebView. I've tested in the emulator and on multiple devices. The code I have works in multiple other browsers that support the spec. Has anyone gotten this to work?
I am trying to make an app base on HTML and java actually I have this mobile site and contents are mostly text and 2 java picture galleries, and I need to run it as a native app. Is it possible to make mobnile website in other tools and somehow import them manually to Eclipse to get the app built? Because when I use new-->android application, the projects have only XML files and I am not familiar with xml.
Is there any list which HTML5 features the WebView supports and which not? I am interested mainly in: 1) localStorage/sessionStorage 2) offline manifest 3) web sockets 4) web workers. Prior there was lack of those features (http://email@example.com/msg60143.html), but in Android 2.1, first two should be supported, but I am not sure about 3 and 4. Is there any list of supported features or we have to test it on our own?
I'm trying to get an html5 demo page working on Android 2.1, have tried both droid and nexus one with 2.1 but they only display the poster image, and do not play the video. Pressing on the video does not do anything. Resolved with the onclick handler on the video tag. Is it possible to use html5 video in the android 2.1 browser at this time? My demo page is working for both the iphone and the ipad. The mp4 video: avc1, 29.97 fps, 380 kbps, 480 x 370 Audio: mp4a, 44 kHz, 64 kbps
Here's how the page is written: <!DOCTYPE html> <html><head><title>html5 test</title></head><body> <video id="movie" width="480" height="370" poster="http://example.com/still.jpg" controls> <source src="http://example.com/video.mp4" type="video/mp4"> Your browser does not support html5 video. </video> </body></html>
if this is a noob question, I searched quite a bit and couldn't find an answer. I'm developing a html5 app that relies on sqlite for local storage.I'd like for it to appear as an app icon on the iPhone/Android screen, what's the best way to do this? Ie can I write some sort of "wrapper" app to achieve it?
I recently tried out the applicationCache / offline web apps on Android 2.1's WebKit and unfortunately it does not work exactly like on a webkit on the iPhone. I was wondering how I can easily see what features should be implemented and if there is something like a roadmap?
I am trying to use gwt-mobile-webkit, particularly its location api. It works well with iPhone (both device and simulator) and Firefox and on G1 with 1.6 Android, however, it does not work on G2 with Android 1.5 on it. In result I am getting onFailure callback with Permission Denied error.
So it seems, that there is some geolocation API (gears or HTML5) in the browser available, but it just does not want to ask user for granting permissions. Do you know if there is any workaround or just enable it somewhere in settings?
I entered the Android world with a Nexus 7 (2012) edition recently.
I create some webpages which I want to make sure that it works in HTML5 browsers. The way I go about the testing is, I first create the webpages in my laptop, copy the folder to my Nexus 7, and open the index.html in the browser.
Now, I heard that Google Chrome is a HTML5 browser. But I am unable to open my html file in that when I open it from File Manager. I tried Dolphin Browser, but it crashes the moment it opens.
So, is there any other HTML5-only browser I can use for this purpose?
i usually use Opera but its not working on the current ICS rom I'm using on my G2x, so in every ones eyes what's the best browser that supports Flash and HTML5 in your opinion and why, the current stock browser isn't cutting it for me.