It seems that the useCapture flag has a pretty good support on desktop browsers.
In this page: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener, at the bottom there is a compatibility table, but it's incomplete for mobile.
So my question is: can i use the useCapture flag on those devices: Android, IE Mobile, Opera Mobile, Safari Mobile?
After a little research, I concluded that it should work the same on those mobiles.
Chrome works the same on android: What are differences between Chrome on Android and Desktop Chrome?
Opera browser on android might works the same than the desktop version: http://www.opera.com/blogs/india/2015/05/which-is-the-best-opera-browser-for-android-phones/
For the main part, safari mobile might work the same as safari desktop: Desktop Safari ( Mac & Windows ) VS Mobile Safari (iPhone) - HTML, CSS, JS support
Ie mobile should work like ie11 desktop: https://en.wikipedia.org/wiki/Internet_Explorer_Mobile
Related
I am working on a client app, I have a div onclick of which I load a new page and call
window.print()
It works fine in Chrome and Firefox but doesn't work in the mobile devices, any alternative solution to this?
window.print is supported on android with chrome and edge but not firefox .
The command is supported on iOS, Chrome on Windows and Safari and Chrome on Mac. It is not supported on Android.
It works on Android devices. If you can't see proper preview in mobile, set CSS media query for print:
#media print (max-width: 767px) {
/* write css here for mobile responsive for print */
}
I want to add something overlay on fullscreen
as this demo (i found this on internet, not my code)
print ('http://jsfiddle.net/carmijoon/pZbkX/')
It works on desktop chrome, safari but did not work on ie11 and mobile chrome, safari. And browser compatibility of the demo above is the same.
Somebody know how to hack to achieve this goal?
How to detect the browser using the Leaflet library for JavaScript?
You can use the boolean method L.Browser for browser detection.
For example:
if ( L.Browser.ie ) {
alert( "Using Internet Explorer" );
// ...
}
This method supports the properties:
ie - true for all Internet Explorer versions;
ie6 - true for Internet Explorer 6;
ie7 - true for Internet Explorer 7;
ielt9 - true for Internet Explorer versions less than 9;
edge - true for Microsoft Edge;
webkit - true for webkit-based browsers like Chrome and Safari (including mobile versions);
webkit3d - true for webkit-based browsers that support CSS 3D transformations;
android - true for Android mobile browser;
android23 - true for old Android stock browsers (2 and 3);
mobile - true for modern mobile browsers (including iOS Safari and different Android browsers);
mobileWebkit - true for mobile webkit-based browsers;
mobileOpera - true for mobile Opera;
opera - true for Opera;
touch - true for all browsers on touch devices;
msTouch - true for browsers with Microsoft touch model (e.g. IE10);
retina - true for devices with Retina screens;
chrome - true for Chrome.
Reference: http://leafletjs.com/reference.html#browser.
When I use UC Browser for desktop my mobile view working fine.
But when I use UC Browser Mobile App and open my site .. It breaks and take more them for loading.
I just want to inspect remotely UC Browser Mobile app FORCSS/HTML javascript Example we did in Chrome :
As we did in Chrome https://developer.chrome.com/devtools/docs/remote-debugging
Recently we release uc-devtools，a standalone tools to debug the latest developer version of UC Browser.
Check this out:
https://plus.ucweb.com/docs/pwa/docs-zh/xy3whu?locale=en-US
https://plus.ucweb.com is the all in one international supporting site for developer.
As of now you wont be able to connect and debug UC mobile browser on UC browser Desktop directly as like of chrome.
If you are working on any UI issue related UC browser in mobile. You can replicate it on IE emulator[Desktop].
Setting required:
Document Mode: IE10
width 320 or 360.
Orientation : portrait
It will replicate more or less same bugs like UC browser mobile.
Is support of HTML, CSS and Javascript same in Desktop Safari ( Mac & Windows ) and Mobile Safari (iPhone)?
If I'm making some thing for iPhone Safari and use Desktop version Safari on my Windows 7 PC to test and debugging, after fininsh will it look same on both? Are there any difference between Safari ( Desktop ) and Safari (iphone) in terms of support of HTML, CSS and Javascript?
They are based on the same html render engine - WebKit. Pure HTML, CSS and Javascript are supported in mobile safari and desktop version. But if you are doing sth in Flash or Applet, mobile safari does not support that. Some HTML5 tags are not fully supported, like File/FileSystem interface. You still need to test the pages in mobile safari, although developing them in desktop version safari in first place is a good way.