использование iFrames в соответствии с операционной системой пользователя - PullRequest
Новая
       1

использование iFrames в соответствии с операционной системой пользователя

0 голосов
/ 25 сентября 2019

Я хочу показать один из двух iframe, согласно пользовательской ОС.если пользователь использует iOS, он показывает одно, а если androind - другое.

<iframe id="e8e2c112-f7ce-4d21-96e7-59729619a527" src="https://www.vectary.com/viewer/v1/?model=e8e2c112-f7ce-4d21-96e7-59729619a527" frameborder="0" width="50%" height="480"></iframe>

1 Ответ

0 голосов
/ 25 сентября 2019

вы можете обнаружить userAgent в Javascript, как это. 

<html>

<body>
  <div id="vectary"></div>
  <script>

    function getOs() {
      var userAgent = navigator.userAgent || navigator.vendor || window.opera;

      if (/android/i.test(userAgent)) {
        //Vectary iframe 1 - for Android
        return '<iframe id="e8e2c112-f7ce-4d21-96e7-59729619a527" src="https://www.vectary.com/viewer/v1/?model=e8e2c112-f7ce-4d21-96e7-59729619a527" frameborder="0" width="50%" height="480"></iframe>';
      }

      // iOS detection from: http://stackoverflow.com/a/9039885/177710
      if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
        //Vectary iframe 2 - for iOS
        return '<iframe id="e8e2c112-f7ce-4d21-96e7-59729619a527" src="https://www.vectary.com/viewer/v1/?model=e8e2c112-f7ce-4d21-96e7-59729619a527" frameborder="0" width="50%" height="480"></iframe>';
      }

      //Vectary iframe 3 - for all other cases
      return '<iframe id="e8e2c112-f7ce-4d21-96e7-59729619a527" src="https://www.vectary.com/viewer/v1/?model=e8e2c112-f7ce-4d21-96e7-59729619a527" frameborder="0" width="50%" height="480"></iframe>';
    }

    document.getElementById("vectary").innerHTML = getOs();

  </script>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...