JSFiddle - React, Tailwind, and code Playground

by musicreader

JavaScript

var ua = navigator.userAgent.toLowerCase();
            var isIOS=(ua.match(/(ipad|iphone|ipod)/g) ? true : false);
            var isMac=ua.indexOf('mac') > -1;
            if(!isIOS && isMac){
                //https://51degrees.com/blog/missing-ipad-tablet-web-traffic
                function getReportedRenderer() {
                    var canvas = document.createElement("canvas");
                    if (canvas != null) {
                        var context = canvas.getContext("webgl") ||
                            canvas.getContext("experimental-webgl");
                        if (context) {
                            var info = context.getExtension(
                                "WEBGL_debug_renderer_info");
                            if (info) {
                                return context.getParameter(
                                    info.UNMASKED_RENDERER_WEBGL);
                            }
                        }
                    }
                }

                renderer = getReportedRenderer();
                if(typeof renderer=="undefined" || typeof renderer.includes=="undefined"){
                    isIOS=false;
                }
                else if (renderer.includes("Apple")) {
                    isIOS=true;
                }
                else if (renderer.includes("Intel")) {
                    isIOS=false;
                }
                isiOSVersion=isIOS;
            }
            
            alert(isIOS);