I have embedded a google MAP in my standalone web app using an iFrame and it is working as it should except for the fact that when I run the app from the homescreen (= full screen modus) it is impossible to scroll through the map (= touchmove event).
When I touch & hold it is possible to scroll the map but:
- The map gets a blue overlay (to indicate the 'user-select' event)
- The details of the map are not loaded (the position of the maps changes but the new area just stays grey...)
If I launch the app in a normal Safari browser window everything works just fine.
Does anyone have an idea of what might cause this? Any help would be really appreciated.
For your info:
- Moving from an iFrame scenario to a JavaScript version is not the answer I guess, since it is working fine when launched in the browser. It would also require a lot of rework since the the page surrounding the iFrame is already the result of an Ajax call
- I have a similar problem with KoolChart where the charts should be scrollable. On a desktop, it works like a charm. But no way of getting it to work on Mobile.
UPDATE
The latest iOS update solved the problem, so issue can be closed :-)
Related
I am developing an app for iOS which includes a UIWebView which, among other this, contains a video (stored locally, in the same folder as some images which are being displayed correctly).
This works fine in my own iPad, but I have been given another one at work to install the app to and there it shows nothing more than the video controls. When I click on the play button nothing happens. The iPad is owned by the company so any security feature might be enabled.
I have researched quite a lot and I cannot find any reasons why the app may be working on one iPad and not on another one. I know it might be impossible to fix without having a passcode or something like that but I need to know at least which configuration might be the one that is making the app not to work.
Using WKWebView fixed it. UIWebView should not be used any longer unless it is specifically needed.
From Apple documentation:
In apps that run in iOS 8 and later, use the WKWebView class instead of using UIWebView. Additionally, consider setting the WKPreferences property javaScriptEnabled to false if you render files that are not supposed to run JavaScript.
I have a web app that is using javascript window.open command, my wish is to make these popups always on top.
Looking on the internet I saw recommendation to add body.onBlur='self.focus'.
This is not good for me because other windows cannot be accessed in this kind of approach.
What I thought is to write an extension that on pop-out will convert the window.open-opened pages to a chrome dialog.
The big question: This is even possible?
In the chrome dialog that I have tested the panels are always on to only if they are positioned in the top right of the window but if I am moving them to a different location the always on to function doesn't work
https://chrome.google.com/webstore/detail/site-on-panel/pcjbpfaogjhnnnhdldamflaelejhbhag?utm_source=chrome-app-launcher-info-dialog
https://chrome.google.com/webstore/detail/picture-in-picture-viewer/efaagmolahogmekmnmkigonhfcdiemnl?utm_source=chrome-app-launcher-info-dialog
If you control the web app, you can replace window.open with a Chrome App. You can send a message from the web app to the chrome app, which can then use the always on top app window option and display it in a webview.
When I view the impress.js website in chrome on iOS, the tab bar slides up and disappears. How do I do that?
Note: doesn't happen in safari on iOS.
A simple Google search would suffice for this question.
http://updates.html5rocks.com/2011/10/Let-Your-Content-Do-the-Talking-Fullscreen-API
https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Using_full_screen_mode
http://davidwalsh.name/fullscreen
All are excellent resources (and the top three Google links!).
Essentially, there's a new API which allows JS to request fullscreen access. That's about it.
When I visit this webpage, which is a simple map from Google Maps with, for example, Chrome or Firefox, everything is natural. You can double click to zoom in, you can drag the map and you can drag the street view mode icon.
But when this web page is loaded into a QWebView object with the following code, I don't have mouse dragging ability. So for example I can't drag the map to change it.
QWebView view;
view.setUrl(QUrl("https://google-developers.appspot.com/maps/documentation/javascript/examples/map-simple"));
view.show();
And I couldn't find any solution for it so far. Is there any other way to display a web page in a Qt widget?
There's already a sample browser in Qt that provides this functionality:
[QTDIR]\demos\browser
I'm not sure how long this has been included, but it's certainly in 4.8. It implements a fairly complete browser but the code you're interested in is in the file webview.cpp. This wraps QWebView and demonstrates how to implement mouse events, clicks, downloads, etc.
QtWebkit is kind of Buggy and uses a very old version of rendering Engine .which could only be compared to early versions of chrome or safari .
If you are just planning to give a simple preview of the webpage inside the application you could use QWebEngine.
it will give you better rendering (refer this link)
http://qt-project.org/wiki/QtWebEngineHowToTry
the project is still under Development .and many features like js injection etc are still missing .
Know this fact Webpage rendering is a mess in Qt.
(if nothing works for you can completely drop Qt and try Mozilla XUL ,it has a very good webpage layout engine "Gecko")
I have developed a javascript API application that retrieves Google Streetview images based on where a user clicks on an interactive map.
For some reason in the past couple of days there have been intermittent issues with this process as a grey screen is just returned and it isn't until you start to pan around that an image is returned.
The same thing happens in Google's own API example here:-
http://code.google.com/apis/maps/documentation/javascript/examples/streetview-service.html
After the initial click, subsequent clicks just return a grey screen (this is in Internet Explorer 7, it appears to work in Google Chrome and Firefox).
This didn't used to be a problem - has anyone else experienced this issue when using Internet Explorer (either version 7 or another)?
Thanks
I think this is a bug in the 3.8 nightly api build.
Specify a specific api build.
http://maps.googleapis.com/maps/api/js?v=3.7&sensor=true_or_false
Google documentation reference