I am using calendar mode of Datebox with my jQuery Mobile project, everything works fine but when I use useFocus to open calendar wherever I click on the input field, it isn't stable in iPhone (or other iOS devices), sometimes it opens and many times it acts like crashing. But the same is working good in Desktop browsers, when I use without useFocus it works right in mobile devices also, I see same stability issue in plugin website demos too. How can we correct this issue?
Related
I've defined a rowContextMenu for my tabulator grid (version 4.6), and it is working perfectly on all browsers except Mobile Safari (iPhone, iPad). In Chrome, Firefox, etc it comes up fine, when I'm using an android device, tap-hold works as a right-click as well. But on an iPhone, it doesn't, just get the copy/paste menu. Is there something I'm missing or does this feature not work on iOS? (I don't own an iPhone, so I recently discovered it from my co-workers.)
As of version 4.8 (to be released the first weekend of September 2020) context menus will be available via a tapHold action on mobile devices
I'm having an issue with using a bluetooth barcode scanner on my iPad running iOS 11.2. The key events are not propagating in the same order as my desktop. Windows and Mac OS do not have this issue. Has this happened to anyone else or does someone know why this is happening? I've tried Chrome, Safari, and Firefox on the iPad and they all share the same output, but the Dolphin browser works fine.
Desktop:
https://i.imgur.com/eLsREg6.png
iPad:
https://i.imgur.com/laCP4ma.png
3rd party browsers on iOS - like Chrome, Firefox and Dolphin - must use WKWebView or UIWebView for rendering webpages and I'm fairly certain the speed and order of events is determined by the rendering engine.
It's not surprising to me that Chrome and Firefox both behave the same as Safari, because all three use the newer WKWebView. My best guess is that Dolphin is still using UIWebView, which is why it behaves differently. If you'd like to confirm that WKWebView is to blame, see if it works in Firefox Focus which uses UIWebView.
Unfortunately, there is not much you - or the browsers - can do about it.
that's because an ipad is more slower than a Desktop you cannot compare two different architectures them. Ipad always be more slower than Desktop.
I got a ASP.NET MVC website that is working fine in most desktop browers, now I need to make a version for mobile and my though is to use CSS Media Queries for this but I have no clue on how to test the page during development? Is there any desktop application that can be used like a mobile browser?
If all you want to do is test the media queries firing on certain viewport widths simply reduce the width of your browser. You can watch the UI change as different media queries fire.
You can also use browser plugins to define and set viewport resolutions. I use "Resize Window" for Chrome.
There is an Android emulator out there that you can download and run on the desktop, but this is mostly used for testing device specific features.
When it comes down to it the best way to test mobile websites is on the devices you are targeting.
you can try with
if (Request.Browser.IsMobileDevice == true)
{
....
}
To test your website you can use Chrome, there is a nice features included in it. You can change the user-agent and, then, emulate à resolution of an Ipad, Iphone or any smartphone.
It's pretty usefull to test responsive design and stuff :)
Well, in addition, be carefull it's only "simulation" it never remplace some real tests but it's nice for conception and pre-production process !
Here is a link about the change user agent feature of chrome : http://googlesystem.blogspot.fr/2011/12/changing-user-agent-new-google-chrome.html
I would suggest 3 tools that can help you:
Adobe Shadow http://labs.adobe.com/technologies/shadow: It lets you sync up the website you're viewing on your desktop browser to your mobile through the Adobe Shadow App, and you can use Chrome's dev tools on the mobile site through this method.
Remote Debugging with Chrome on Androids https://developers.google.com/chrome/mobile/docs/debugging: like Adobe Shadow you can debug and test your site through the chrome dev tools. However, you'll need an Android phone running on ICS.
Lastly, if you have the Xcode - you can use the iPhone simulator to view your sites. It is very accurate, you don't get the realtime debugging like you would with the previous two, but you can test your site on the fly after each update.
I am developing a web app for iPad and testing it on Safari on Mac and Safari on iPad Simulator. Now there are some issues with CSS in iPad Simulator which work quite well in Safari on Mac.
Now my question is,
Is there a powerful debugging tool for Safari in iPad Simulator?
When running safari in an XCode device simulator, the desktop Safari (v6) Develop menu shows those devices. From there, you can fire up the developer tools (DOM browser etc.) for the mobile browser. This helped me debug an mobile safari css issue without hardware.
Note: As of iOS6 this is not the correct way of doing remote debugging, leaving this answer for historical reasons but you should look into remote inspection with Safari, here is a good article: http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector
Have a look at this, (a bash script I wrote) https://gist.github.com/2241976. It will allow you to open the iPad simulator and run Webkit's remote inspector, which will look just like this.
iWebInspector is quite a powerful tool for the iOs simulator's Safari.
It uses the same inspector as Chrome and it works nicely (I've used it myself and found it really helpful).
From their website
iWebInspector is a free tool to debug, profile and inspect web
applications running on iOS Simulator (iPhone or iPad). You can check
resources, see and change HTML & CSS, use breakpoints on JavaScript
code, create charts and more just as if you were on Safari for
Desktop, Chrome or Firebug.
It works for any web in Safari -the web browser-, for a chrome-less
webapp (full-screen) and also for apps using UIWebView -including
PhoneGap applications-.
I have just come across the Mobile application toolkit which enables me to expose my web app built on Asp.NET MVC 2 on an iPhone and other mobile devices. However how would I expose my site on an iPad?
Are there any toolkits out there?
JD
Well, what I do is just using a Framework. I used to use jQTouch but now I'm using jQueryMobile as it works better in Android and Opera Mobile (to use with Nokias or any mobile device) much better that the last time I use jQTouch (before Jonathan took over the project).
if a user is using an iPad or any other desktop browser, I sent the user to my desktop views, if using any other iDevice, Android or Opera Mobile, I set the user to use jQueryMobile Views.
It's quite easy to accomplish this with MVC2, the controllers are the same, methods are the same, you just redirect to a different view.
I choose to should my web application in desktop mode in the iPad cause I add some meta to it and that works fantasticaly fine in the iPad, you could also use any Framework or develop a new html5 view to work with the iPad if you don't want to mess up what you have already.
You need to rememer that in an iPad, there is no "hover" effect, and a click is a tap, though Mobile Safari does a pretty good job on click events, you could create a new set of views that use this new techniques, as well, the full set of Safari CSS3 and other bonus, such as geolocation, browser database, etc
more under Apple Technical Note: Preparing Your Web Content for iPad
I hope this helps, if you need more, please more precise question