LoginSignup
2
0

More than 5 years have passed since last update.

CordovaでHTMLファイルにネット上のリソースを参照するように書いた場合どういう挙動をするのか?

Last updated at Posted at 2018-02-13

使用したもの(環境)

  1. cordova
  2. visualStudioCode
  3. windows10
  4. Android

cordovaでネット上のリソースを参照するように書いた場合どういう挙動をするのか?

例えば、htmlの記載を下記の通りとします。

<script src="http://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>

jQueryをURL指定で読み込んでいます。
当然、PCから該当するhtmlを開けば、(もちろんインターネットに繋がっていればですが)jQueryが読み込まれます。
わかりやすくするために下記も加えました。

<script src="js/test.js"></script>
$('body').append($(document.createElement('div')).text('test'));

ブラウザで開くと下記のように表示されます。
image.png

Androidにてビルド後のモジュールを実行すると下記のように表示されます。
image.png

AndroidのWifiとモバイルネットワークを切断して実行すると下記のように表示されます。
image.png

どうやら、ビルドする際に指定したリソースすべてをパッケージングしているようです。
よく考えれば当たり前のような気もしますが、完全にオフラインでも動作可能ということですね。
(あまりこの書き方はおすすめしませんが…)

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0