Включите JS-файлы только на iPad (Ionic)

Я делаю одно приложение Ionic, и я пытаюсь загрузить некоторые файлы JS/CSS, но только если это iPad. Что-то вроде этого:Включите JS-файлы только на iPad (Ionic)

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title>Meeting App</title> 


    <!-- compiled css output --> 
    <link href="css/ionic.app.css" rel="stylesheet"> 

    <!-- ionic/angularjs js --> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 

    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 

    <!-- your app's js --> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/services.js"></script> 

    // if (is_ipad()) : 
     <script src="css/just-ipad.css"></script> 
     <script src="js/just-ipad.js"></script> 
    // endif; 
    </head> 

    <body ng-app="starter"> 
    <ion-nav-bar class="bar-stable" align-title="center"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 
    </ion-nav-bar> 

    <ion-nav-view></ion-nav-view> 
    </body> 
</html>

Я думаю, что это может быть сделать это в index.html. Будут файлы, используемые во всех представлениях iPad, но не в мобильных представлениях.

Я знаю, что могу использовать Platform Classes, но это не касается моих потребностей. Я очень новичок в Ionic, и я не знаю, возможно ли это.

Любая помощь приветствуется!

источник

2016-07-11 Jabel Márquez

Чтобы добавить или загрузить файл динамически

Проверка на устройство, если оно Ipad?

Если это правда, то добавьте нужные файлы таким образом (стиль скрипта ИЛИ).

If(ionic.Platform.isIPad()){ 
    var script = document.createElement("script"); 
    script.src = "https://maps.google.com/maps/api/js?&callback=loadGoogleMapsApiReady"; 
    document.getElementsByTagName("head")[0].appendChild(script); 
}

С уважением.

источник

2016-07-15 06:19:00

Это выглядит хорошо, я попробую и скажу вам, если работает, спасибо! –

Я действительно считаю, что вы ищете метод ionic.Platform.isIPad();, как видно из приведенной ссылки.

Документация

isIPad() 

Returns: boolean Whether we are running on iPad.

Использование

Кажется, что у них есть какие-то другие вспомогательные функции, как можно видеть из фрагмента кода с их сайта ниже.

angular.module('PlatformApp', ['ionic']) 
.controller('PlatformCtrl', function($scope) { 

    ionic.Platform.ready(function(){ 
    // will execute when device is ready, or immediately if the device is already ready. 
    }); 

    var deviceInformation = ionic.Platform.device(); 

    var isWebView = ionic.Platform.isWebView(); 
    var isIPad = ionic.Platform.isIPad(); 
    var isIOS = ionic.Platform.isIOS(); 
    var isAndroid = ionic.Platform.isAndroid(); 
    var isWindowsPhone = ionic.Platform.isWindowsPhone(); 

    var currentPlatform = ionic.Platform.platform(); 
    var currentPlatformVersion = ionic.Platform.version(); 

    ionic.Platform.exitApp(); // stops the app 
});

ProTip

Я просто Googled следующее:

ионная проверка платформы

и нажал на первую ссылку. В будущем подумайте об использовании Google в первую очередь.

Чтение Материал

ionic.Platform

источник

2016-07-11 23:18:46 Script47

Я знаю эту функцию, спасибо. Но могу ли я использовать его внутри index.html? Загружать или не файлы в html? Или есть другой способ загрузить файлы? –

Включите JS-файлы только на iPad (Ionic)

ответ

Смежные вопросы