Home / Jquery Mobile / Jquery MpbileN (Content Delivery Network)

13 March 2017

Jquery MpbileN (Content Delivery Network)



Deklarasi CDN (Content Delivery Network)

File CSS dan JS JQuery Mobile sendiri sebenarnya tidak perlu di download karena dapat digunakan melalui CDN (Content Delivery Network). Contoh deklarasi sebagai berikut:


01<!DOCTYPE html>
02<html>
03 <head>
04<!-- Include meta tag to ensure proper rendering and touch zooming-->
05<meta name="viewport" content="width=device-width, initial-scale=1">
06<!-- Include jQuery Mobile stylesheets --> <link rel="stylesheet"href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
07<!-- Include the jQuery library -->
08<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
09<!-- Include the jQuery Mobile library -->
10<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">
11</script>
12</head>
13<body>
14</body>
15</html>
Code 1. CDN JQuery Mobile

Kelebihan menggunakan CDN adalah jika browser telah memiliki cache file maka tidak perlu lagi didownload sehingga lebih cepat. Tetapi jika Anda mengembangkan web app secara lokal dalam kondisi sering tidak terkoneksi dengan internet maka library dapat di download secara manual di:http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css http://code.jquery.com/jquery-1.11.2.min.js dan http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js (buka dibrowser dan pilih save-page-as). Contoh deklarasi dengan library yang diletakkan pada localhost (lokal) pada direktori yang sama dengan file html-nya adalah sebagai berikut:   


01<!DOCTYPE html>
02<html>
03 <head>
04<!-- Include meta tag to ensure proper rendering and touch zooming-->
05<meta name="viewport" content="width=device-width, initial-scale=1">
06<!-- Include jQuery Mobile stylesheets --> <link rel="stylesheet"href="jquery.mobile-1.4.5.min.css">
07<!-- Include the jQuery library -->
08<script src="jquery-1.11.2.min.js"></script>
09<!-- Include the jQuery Mobile library -->
10<script src="jquery.mobile-1.4.5.min.js">
11</script>
12</head>
13<body>
14</body>
15</html>
Code 2. Local


JQuery Mobile Untuk kode diatas, isi direktori akan tampak seperti berikut ini. Direktori images didapat dengan mendownload di JQueryMobile.com/downloadGambar 6. Struktur File Selanjutnya kita akan membuat web app yang pertama menampilkan halaman utama. Buat Index.html dengan kode sebagai berikut (pastikan struktur direktori seperti Gambar 6. Setelah deklarasi CDN selesai selanjutnya menuju ke : 

Jquery MpbileN (Content Delivery Network) Rating: 4.5 Diposkan Oleh: Unknown

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)