nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Redirect site to non-Flash version when Player isn't detected (mobile devices)

TracySchloss

I have several very nice looking maps that are built in FLEX/Flash. I received a lot of pressure to make them more mobile friendly and management came out strongly "No Flash Player". I got my first one working properly using the Javascript mobile components.

It's not my intent to replace my existing FLEX sites, which have a lot more functionality in them then will fit on a small screen. I'm planning on just adding a link on our web pages to the mobile version.   It would be really nice to also have the existing HTML wrapper of my FLEX sites offer to redirect them to the mobile version if it detects they don't have Flash.    They end up wasting a lot of time going down that path before they find out it isn't going to work on their phone.

Most of my sites are old enough they are still FLEX 3.    I don't know if the generic HTML wrapper that Flex Builder or Flash Builder changed between those versions. I've only used the OOTB wrapper that gets created when you make a new project and it looks pretty plain. Now that I'm learning JavaScript, it's not nearly as intimidating to go into it to make modifications. I'm just not sure what to change.

Find more posts tagged with

Accepted answers

AaronNash1

You could add some javascript to look and see if they are using a mobile browser and then redirect.

  <script type="text/javascript">    if( navigator.userAgent.match(/iPhone|iPad|BlackBerry|Android/i) )     {     if (document.cookie.indexOf("iphone_redirect=false") == -1)      {     window.location = "http://www.google.com";            }    }    </script>

There is already code to detect the version of flashplayer and embed the install, some people may just need to install flash player. May not want to redirect everyone. Just add the code under another script tag

DAVIDDAS_17-1645222636009.png

All comments

AaronNash1

You could add some javascript to look and see if they are using a mobile browser and then redirect.

  <script type="text/javascript">    if( navigator.userAgent.match(/iPhone|iPad|BlackBerry|Android/i) )     {     if (document.cookie.indexOf("iphone_redirect=false") == -1)      {     window.location = "http://www.google.com";            }    }    </script>

DAVIDDAS_17-1645222636009.png

TracySchloss

That works well - thank you.

DAVIDDAS_16-1645222635999.png

TracySchloss

Now that I have this in production, it doesn't look like Windows phone is accounted for in the list. I'm having a hard time figuring out for sure what that is. Is it iemobile or something else?

DAVIDDAS_19-1645222636023.png

AaronNash1

I am pretty sure your right with iemobile...but who has a windows phone:)

TracySchloss

I thought nobody. But when I sent out my link, asking them to check and let me know what device they were using, 2 out of the 9 people who responded had one.

DasaPaddock

Can you ask them to go to http://ipogre.com and send you the browser information that's shown there?

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.