I have a web app developed with jQuery Mobile. It works fine but on the iPhone there is an additional "console" bar above the title:
My question is: how can I make it disappear?
thank you for your help
Micha
The console can be deactivated in the "settings" app of your iDevice, in "safari", "developper" sub menu
Related
I'm trying to debug a web app that is added to home screen. I have enabled web inspector on safari. I am able to debug the app if I open in iOS safari but when I add the app to home screen and try to debug, it shows 'No Inspectable Applications'. Any help would be appreciated.
iOS version: 11.2
MacOS Safari version: 11.0.1
You should put focus on the app first and then press:
Option+Command+i
So you do not open the inspector in advance in this case. This is not possible because you can consider it like opening a new browser tab where it makes no sense to inspect it from the inspector in another tab that is already open. Since the menu to open the inspector is missing when the PWA is opened as a desktop app, you need the keyboard shortcut to show it.
Not sure if it's related, I had an issue where I couldn't get the inspector window to open for a cordova web app on iOS 11.2
I found that I had to go back to (ios) settings and toggle Safari Web Inspector off and on while looking at the (osx safari) developer menu to see it and then inspect it.
I have a responsive web application which is used across Ios/Android/Desktop, The Editor from Primefaces does not seems to work in Chorme/Safari on IOS Mobile devices (Ipad/Iphone), Trying to debug it I found out that it shows the source (the text that is displayed when the 'show source' button is clicked). Editor Screenshot
I just converted a site to use the Twitter Bootstrap 3 framework, it works just great on all devices EXCEPT BlackBerry 10.
It even works on the BlackBerry 10 Simulator just fine.
The problem is that the navigation buttons for the mobile drop down do not work.
Has anyone come across this & have a fix? [and an explanation as to what is going on?]
UPDATE
Just got an answer in github [sort of] "Bootstrap 3 does not support BlackBerry devices"
I've edited my previous post and erased it
bootstrap navigation menu works fine with the BlackBerry OS 10
you can check it on the bootstrap website, open it from your device
these are the three navigation menus types, I've tried all of them from my Q5
http://getbootstrap.com/examples/navbar-static-top/
http://getbootstrap.com/examples/navbar/
http://getbootstrap.com/examples/navbar-fixed-top/
only with the fixed top, the last item at bottom is slightly out of the screen.
Bootstrap 3 does not support BlackBerry devices
currently on BlackBerry OS 10 I'm experiencing that everything done with bootstrap 3 and jquery is displayed correctly.
I'm using jquery mobile & phonegap to create an app.
jqm version 1.3.1, currently in testing my app with an android device
i'v created a simple popup (code taken from jqm web site)
and the popup shows correctly on my pc (page gets opacity) but on the android device the popup is shown different,
the background page looks like it has a black background, but when i scroll (yes i can scroll when the popup is still opend) some of the background looks ok with an opacity, similar to how it looks on my pc.
Any ideas on what is the reason?
10x
I had the same issue for android sdk 17 (not for older versions which I tested).
Even though this answer might be to late for this questioner, it may help someone else.
My solution:
In your android manifest, switch android:anyDensity="true" to
android:anyDensity="false"
Regards, miweiss
Scenario:
JQuery UI Tabs - one of which has YouTube embed iframe code
Works fine on all browsers
In iOS mobile (iPhone/ iPad) the tab works but am not able to click on the YouTube - nothing happens
If I move the embed outside of the tabs it works fine in iOS mobile devices
Am using this version:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js
Any suggestions?
Thanks in advance