僅在iPad上包含JS文件（Ionic）

我正在做一個Ionic App，並且正在嘗試加載一些JS/CSS文件，但僅限於iPad。事情是這樣的：僅在iPad上包含JS文件（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 
});

普羅蒂普

我只是用Google搜索了以下內容：

離子Check平臺

並單擊第一個鏈接。將來，請考慮先使用Google。

閱讀材料

ionic.Platform

來源

2016-07-11 23:18:46 Script47

我知道那個函數，謝謝。但我可以在index.html中使用它嗎？加載或不在HTML中的文件？或者有另一種方法來加載文件？ –

僅在iPad上包含JS文件（Ionic）

回答

相關問題