devicereadyイベントの後にスクリプトを実行する方法は?

AlenSv

Cordovaアプリケーションのジャスミンテストを実行するときに問題が発生しました。<head>ロードするスクリプト(プラグイン、サービス、コントローラーなど)と最後に含まれるファイルを含むhtmlページ(Jasmine 2.4 SpecRunner.html)があります。<head>テストファイルです。ボディにはdevicereadyイベントリスナーがいます。しかし、Androidエミュレーターに対してテストを実行すると、テストは常に前deviceready実行され、プラグインが表示されません(つまり、エラー「デバイスが定義されていません」)。

したがって、問題は、devicereadyイベントの直後にテストファイルの実行を遅らせる方法です。

私のSpecRunner.html:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="msapplication-tap-highlight" content="no" />
        <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
        <title>SportsWellness</title>


        <script src="scripts/winstore-jscompat.js"></script>

    <link rel="shortcut icon" type="image/png" href="jasmine/lib/jasmine-2.4.1/jasmine_favicon.png">
    <link rel="stylesheet" href="jasmine/lib/jasmine-2.4.1/jasmine.css">

    <!-- Jasmine Modules -->

    <script src="jasmine/lib/jasmine-2.4.1/jasmine.js"></script>
    <script src="jasmine/lib/jasmine-2.4.1/jasmine-html.js"></script>
    <script src="jasmine/lib/jasmine-2.4.1/boot.js"></script>

    <!-- SportsWellness references -->
    <link rel="stylesheet" href="css/app.css" />

    <!-- AngularJS modules -->
    <script src="libs/angular.min.js"></script>
    <script src="libs/angular-resource.min.js"></script>
    <script src="libs/angular-ui-router.js"></script>
    <script src="libs/angular-touch.min.js"></script>
    <script src="libs/angular-animate.min.js"></script>
    <script src="libs/angular-mocks.js"></script>

    <!-- Cordova reference, this is added to app when it's built. -->
    <script src="cordova.js"></script>

    <!-- Include Application scripts -->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/router.js"></script>
    <script type="text/javascript" src="js/platformOverrides.js"></script>

    <!-- Include Controllers-->
    <!-- Script tags  -->

    <!-- Include Services -->
    <!-- Script tags  -->

    <!-- Include Directives -->
    <!-- Script tags  -->

    <!-- Include Configuration Scripts -->
    <!-- Script tags  -->

    <!-- Include specs to run -->
    <script src="tests/ServicesTests/ReminderService.spec.js"></script>

</head>
    <body>    
    <script type="application/javascript">
        document.addEventListener('deviceready', function () {
            navigator.splashscreen.hide();
        }, false);
    </body>
    </html>
AlenSv

ソリューションは思ったほど美しくはありませんが、jasmine / boot.jsファイルを変更し、window.onload関数を次のように置き換えましたdocument.addEventListener('deviceready', ...)

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

qmakeの後にスクリプトを実行する方法は?

分類Dev

Electron-builder-アプリのインストール後/前にスクリプトを実行する方法

分類Dev

InnoSetupインストーラーの後にPowerShellスクリプトを実行する方法

分類Dev

ダウンロード後にスクリプトを実行する方法は?

分類Dev

別のスクリプト内からPythonスクリプトを実行した後に変数を動的にインポートする方法

分類Dev

「npminstall <package>」を実行するたびにインストール後のスクリプトを実行する方法

分類Dev

インストール後にスクリプトを実行する

分類Dev

長時間実行されるタスクは、イベントトリガー後に前のコードの実行を延期します

分類Dev

スクリプトのxインスタンスを並列に実行する方法は?

分類Dev

スクリプトのxインスタンスを並列に実行する方法は?

分類Dev

スクリプトのxインスタンスを並列に実行する方法は?

分類Dev

connectedDebugAndroidTestの実行前後にスクリプトを実行する方法

分類Dev

VSTSリリースパイプラインの実行後にテストする方法は?

分類Dev

インベントリ ファイル内のホストを処理する前にハウスキーピング タスクを実行する方法は?

分類Dev

スクリプトの実行中にのみアイコンを表示する方法はありますか?

分類Dev

実行時にクリックイベントを含む要素を角度スコープに追加する方法

分類Dev

リダイレクト後にjQueryを実行する方法は?

分類Dev

スクリプトを月の後に実行させる方法は?

分類Dev

実行後にスクリプトの出力をファイルに追加する

分類Dev

IntelliJ で新しい Maven ベースの「クイックスタート」アプリを実行する方法は?

分類Dev

「npm install <package>」を個別に実行した後にポストインストールスクリプトを実行する方法

分類Dev

ログイン後にbashスクリプトを実行する

分類Dev

再起動後、ログイン前にスクリプトを実行する

分類Dev

スクリプトのロード後に関数を実行する方法

分類Dev

Azure SDK2.5のインストール後にAzure2.2プロジェクトを実行する方法

分類Dev

レイズステートメントの後にPythonスクリプトを続行する方法

分類Dev

ビルド後のアクションでPythonスクリプトを実行する方法は?

分類Dev

イメージのインストール後にopkgのインストール後スクリプトを実行する

分類Dev

CDの後にlsを実行するスクリプト

Related 関連記事

  1. 1

    qmakeの後にスクリプトを実行する方法は?

  2. 2

    Electron-builder-アプリのインストール後/前にスクリプトを実行する方法

  3. 3

    InnoSetupインストーラーの後にPowerShellスクリプトを実行する方法

  4. 4

    ダウンロード後にスクリプトを実行する方法は?

  5. 5

    別のスクリプト内からPythonスクリプトを実行した後に変数を動的にインポートする方法

  6. 6

    「npminstall <package>」を実行するたびにインストール後のスクリプトを実行する方法

  7. 7

    インストール後にスクリプトを実行する

  8. 8

    長時間実行されるタスクは、イベントトリガー後に前のコードの実行を延期します

  9. 9

    スクリプトのxインスタンスを並列に実行する方法は?

  10. 10

    スクリプトのxインスタンスを並列に実行する方法は?

  11. 11

    スクリプトのxインスタンスを並列に実行する方法は?

  12. 12

    connectedDebugAndroidTestの実行前後にスクリプトを実行する方法

  13. 13

    VSTSリリースパイプラインの実行後にテストする方法は?

  14. 14

    インベントリ ファイル内のホストを処理する前にハウスキーピング タスクを実行する方法は?

  15. 15

    スクリプトの実行中にのみアイコンを表示する方法はありますか?

  16. 16

    実行時にクリックイベントを含む要素を角度スコープに追加する方法

  17. 17

    リダイレクト後にjQueryを実行する方法は?

  18. 18

    スクリプトを月の後に実行させる方法は?

  19. 19

    実行後にスクリプトの出力をファイルに追加する

  20. 20

    IntelliJ で新しい Maven ベースの「クイックスタート」アプリを実行する方法は?

  21. 21

    「npm install <package>」を個別に実行した後にポストインストールスクリプトを実行する方法

  22. 22

    ログイン後にbashスクリプトを実行する

  23. 23

    再起動後、ログイン前にスクリプトを実行する

  24. 24

    スクリプトのロード後に関数を実行する方法

  25. 25

    Azure SDK2.5のインストール後にAzure2.2プロジェクトを実行する方法

  26. 26

    レイズステートメントの後にPythonスクリプトを続行する方法

  27. 27

    ビルド後のアクションでPythonスクリプトを実行する方法は?

  28. 28

    イメージのインストール後にopkgのインストール後スクリプトを実行する

  29. 29

    CDの後にlsを実行するスクリプト

ホットタグ

アーカイブ