Determining the browser being used to view course and display a message based upon that determination

Javascript can be used to determine the browser. Well, at least the big three. Once you know the browser the javascript can set a project variable, which could be used on a subsequent slide for branching. I found some very promising leads (and code) searching the web for "javascript detect if chrome browser" just now. I would direct you to results from 2020, or late 2019 as the browser world changes frequently.

Hi Trace,

Brian is correct, this trick can be done by using a piece of Javascript code. So I actually went to find you the simplest code snippet you can use for your project. Just copy the entire code block below and paste it inside your story.html file just before the closing </body> tag. You can customize the alert message by replacing the words inside the alert parenthesis with your own alert message.

 <!-- Detect if browser is IE and display a message -->
 <script>
 var isIE;
 (function() {
 var ua = window.navigator.userAgent,
 msie = ua.indexOf('MSIE '),
 trident = ua.indexOf('Trident/');

 isIE = (msie > -1 || trident > -1) ? true : false;
 })();

 if (isIE) {
 alert("This course is best viewed on Google Chrome");
 }
 </script>

If you're not familiar with how to edit the story.html file don't worry because it's very simple and you can use any text editor to open the file for editing. If you have Windows then just use Notepad, otherwise, use any Notepad counterpart. Navigate to your Storyline project files and look for story.html then right click it, choose "Open With" then choose "Notepad" from the options.

When they load your course on IE, they get an alert message before they can continue. If they use any browser other than IE, they won't get any alert message.

I hope this helps and if ever you need further assistance, please don't hesitate to let me know.

Best of luck!

Regards,

Johnrey

Just a quick alternative, and I believe a much simpler way to add the Javascript code. Add a trigger on your first slide to execute the below Javascript code when timeline starts. I tried it and it worked.

var isIE;
 (function() {
 var ua = window.navigator.userAgent,
 msie = ua.indexOf('MSIE '),
 trident = ua.indexOf('Trident/');

 isIE = (msie > -1 || trident > -1) ? true : false;
 })();

 if (isIE) {
 alert("This course is best viewed on Google Chrome");
 }

Cheers,

Johnrey

This thank you is two years old. My apologies for not sending it previously!