Browser Selection

Overview

Lightweight widget for selecting browser and operating system. Injects UI into a container and redirects user based on selected option.

Features

• Browser and OS selection dropdown
• Dynamic UI injection into target container
• Redirect based on selection
• External CSS file
• Auto-mount on page load

Usage

1. Add container

<div id="browserling-dropdown-container"></div>

If you want, you can also add additional containers using a class:

<div class="browserling-dropdown-container"></div>

2. Include script

    <script type="text/javascript" charset="UTF-8">

      //link to the library
      var lib_url = 'node_modules/browser-selection/dist/lib';

      //container id
      var container_id = "browserling-dropdown-container";

      // If you want, you can also add additional containers using a class
      // var container_class = "browserling-dropdown-container";

      (function() {
      var wdd_widget = document.createElement('script');
      wdd_widget.charset = "UTF-8";
      wdd_widget.type = 'text/javascript';
      wdd_widget.async = true;

      wdd_widget.src = "js/widget.js?lib_url=" + lib_url + "&container_id=" + container_id;
      //For additional containers:
      // wdd_widget.src = "js/widget.js?lib_url=" + lib_url + "&container_id=" + container_id + "&container_class=" + container_class;

    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(wdd_widget);
      })();

    </script>

The widget automatically mounts into all inserted containers.

3. Distribution

This package is distributed via npm and contains prebuilt files in dist/.

After installation via npm files are located in:

node_modules/browser-selection/dist/