Detect if page is loaded inside WKWebView in JavaScript

by

The accepted answer doesn’t work as tested using the WKWebView vs UIWebView app

As the article mentions, the only HTML5 feature difference is IndexedDB support. So I’d go for a more reliable pattern with:

    if (navigator.platform.substr(0,2) === 'iP'){
      //iOS (iPhone, iPod or iPad)
      var lte9 = /constructor/i.test(window.HTMLElement);
      var nav = window.navigator, ua = nav.userAgent, idb = !!window.indexedDB;
      if (ua.indexOf('Safari') !== -1 && ua.indexOf('Version') !== -1 && !nav.standalone){      
        //Safari (WKWebView/Nitro since 6+)
      } else if ((!idb && lte9) || !window.statusbar.visible) {
        //UIWebView
      } else if ((window.webkit && window.webkit.messageHandlers) || !lte9 || idb){
        //WKWebView
      }
    }

You may ask: Why not using the UserAgent? That’s because Android browsers use it as settings! So, we should never trust any UAs. Only browser features and property checks as such.

Also I noticed that the QuickTime plugin was always loaded as part of Older Safari and other Browsers in UIWebView. But the plugin is no longer present in WKWebView. So you can use the QuickTime plugin presence as an extra check.

9/23/16 Edit: I adjusted the code for Safari 10 which no longer allowed the sole idb check to be reliable, as mentioned by @xmnboy. To discard Safari 10, it checks for the old webkit engine bug, which only applied until Safari 9.2; and i use a window.statusbar.visible fallback which appears to be a reliable indicator signal after a few comparison tests between iOS 9 and 10. (please check though)

More Related Contents:

  1. How to invoke Objective-C method from Javascript and send back data to Javascript in iOS?
  2. iOS JavaScript bridge
  3. Force link to open in mobile safari from a web app with javascript
  4. How to open a native iOS app from a web app
  5. iOS 8 removed “minimal-ui” viewport property, are there other “soft fullscreen” solutions?
  6. Copy to clipboard using Javascript in iOS
  7. Call JavaScript function from native code in WKWebView
  8. Invoke method in objective c code from HTML code using UIWebView
  9. Javascript console.log() in an iOS UIWebView
  10. Simplest way to detect a pinch
  11. Javascript in UIWebView callback to C/Objective-C
  12. Programmatically focus on next input field in mobile safari
  13. Is there any way to use window.onbeforeunload on Mobile Safari for iOS devices?
  14. How to detect in iOS webapp when switching back to Safari from background?
  15. iOS WKWebView not showing javascript alert() dialog
  16. how to intercept Button click inside UIWebview on IOS?
  17. How to open Safari from a WebApp in iOS 7
  18. Is it possible, in JavaScript, to detect when the screen is turned off in the Android & iOS browsers
  19. How can i monitor requests on WKWebview?
  20. Is there an alternative method to use onbeforeunload in mobile safari?
  21. what all the main differences in cordova and phonegap [closed]
  22. UIWebView open links in Safari
  23. Error: No Firebase App ‘[DEFAULT]’ has been created – call Firebase App.initializeApp()
  24. How to delete WKWebview cookies
  25. Javascript date is invalid on iOS
  26. WKWebView in Interface Builder
  27. Can I use Javascript to get the compass heading for iOS and Android?
  28. Calling Javascript using UIWebView
  29. ‘pageshow’ is not received when pressing “back” button on Safari on *IPad”
  30. Parse request.object.get(“KEY”) always returns undefined

Leave a Comment