gpt4 book ai didi

javascript - 仅在 iPad (Ionic) 上包含 JS 文件

转载 作者:太空宇宙 更新时间:2023-11-04 10:01:19 26 4
gpt4 key购买 nike

我正在做一个 Ionic 应用程序,我正在尝试加载一些 JS/CSS 文件,但前提是是 iPad。像这样:

<!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 View 中使用文件,但不会在移动 View 中使用。

我知道我可以使用 Platform Classes但这不能满足我的需求。我是 Ionic 的新手,我不知道这是否可行。

欢迎任何帮助!

最佳答案

动态添加或加载文件

  1. 检查设备是否为 ipad ?

  2. 如果为真,则以这种方式添加您想要的文件(脚本或样式)。

    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);
    }

问候。

关于javascript - 仅在 iPad (Ionic) 上包含 JS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38317656/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com