Rumah Kewangan Peribadi Bagaimana menggunakan AJAX untuk membuat aplikasi untuk pemrograman HTML5 dan CSS3 - dummies

Bagaimana menggunakan AJAX untuk membuat aplikasi untuk pemrograman HTML5 dan CSS3 - dummies

Isi kandungan:

Video: Membuat Aplikasi Kirim Balas Pesan Chat (Inbox) dengan PHP 7 dan jQuery Ajax (Part 1/4) 2024

Video: Membuat Aplikasi Kirim Balas Pesan Chat (Inbox) dengan PHP 7 dan jQuery Ajax (Part 1/4) 2024
Anonim

Semua orang mahu membuat aplikasi mudah alih pada hari ini. Inilah rahsia besar. Banyak aplikasi yang benar-benar ditulis dalam HTML5, CSS, dan JavaScript. Anda sudah mengetahui semua yang anda perlukan untuk membuat aplikasi yang berfungsi pada peranti mudah alih. Lebih baik lagi, anda tidak perlu belajar bahasa baru atau mendapatkan kebenaran dari kedai aplikasi atau membeli lesen, seperti yang anda lakukan untuk aplikasi asli.

Terdapat beberapa helah indah yang boleh anda lakukan untuk pengguna iOS. Anda boleh merekabentuk program anda supaya pengguna dapat menambahkan ikon terus ke desktop. Pengguna kemudian boleh memulakan program seperti mana-mana aplikasi lain. Anda juga boleh membuat penyemak imbas menyembunyikan ketepatan pelayar biasa supaya program anda tidak kelihatan seperti ia berjalan dalam pelayar!

Ternyata kesan ini agak mudah dilakukan.

Tambah ikon pada program anda

Versi iOS moden (sistem operasi iPhone / iPad) sudah mempunyai keupayaan untuk menyimpan mana-mana halaman web pada desktop. Lihat sahaja laman web di Safari dan klik butang Kongsi. Anda akan mendapati pilihan untuk menyimpan halaman web ke desktop. Anda boleh mengarahkan pengguna anda untuk melakukan ini, dan mereka akan dapat melancarkan program anda seperti aplikasi normal.

Walau bagaimanapun, ikon lalai untuk apl yang disimpan agak hodoh. Sekiranya anda mahukan ikon yang menarik, anda boleh menyimpan imej kecil sebagai. fail png dan letakkannya dalam direktori yang sama dengan program anda. Kemudian, anda boleh menambah baris ini ke halaman anda (di header) dan imej itu akan muncul di desktop apabila pengguna menyimpan program anda:


Sebagai bonus tambahan, iPhone atau iPad secara automatik menyesuaikan imej supaya kelihatan seperti Ikon Apple, menambah kesan yang sesuai dengan versi iOS yang dipasang (bulat dan berkaca keras dalam iOS6, rata di iOS7.)

Sudah tentu, helah ikon ini adalah mekanisme Apple sahaja. Dengan kebanyakan versi Android, sebarang penanda buku yang telah anda tetapkan dengan pelayar utama anda boleh ditambah ke desktop, tetapi tiada pilihan ikon tersuai. Arahan ikon-sentuh-ikon hanya akan diabaikan jika anda menggunakan OS lain.

Keluarkan bar alat Safari

Walaupun program anda kelihatan baik dari skrin utama, apabila pengguna mengaktifkan program itu, masih jelas bahawa program itu adalah sebahagian daripada penyemak imbas web. Anda boleh dengan mudah menyembunyikan bar alat penyemak imbas dengan baris lain di tajuk:


Kod ini tidak akan melakukan apa-apa yang berlainan kecuali program dipanggil dari desktop. Walau bagaimanapun, dalam kes itu, ia menyembunyikan bar alat, menjadikan program kelihatan dan terasa seperti aplikasi penuh. Sebagai bonus tambahan, ini menjalankan program dalam mod skrin penuh, memberikan ruang yang lebih sedikit untuk permainan.

Sekali lagi, ini adalah penyelesaian khusus Apple. Tidak ada cara mudah untuk mencapai kesan yang sama pada peranti Android.

Simpan program anda di luar talian

Sekarang program anda kelihatan seperti sebuah aplikasi, kecuali ia hanya berjalan apabila anda disambungkan ke Internet. HTML5 mempunyai ciri indah yang membolehkan anda menyimpan seluruh laman web secara setempat pada kali pertama ia dijalankan.

Kemudian jika pengguna cuba untuk mengakses program ini dan sistem tidak boleh masuk dalam talian, salinan tempatan permainan dijalankan. Pada dasarnya, program dimuat turun kali pertama ia diaktifkan dan kekal pada peranti tempatan.

Ini adalah kesan yang agak mudah dicapai:

  • Jadikan program anda stabil: Sebelum anda boleh menggunakan mekanisme penyimpanan luar talian, anda perlu memastikan program anda sudah hampir siap. Sekurang-kurangnya, anda perlu memastikan anda mengetahui semua fail luaran yang diperlukan oleh permainan.

  • Gunakan hanya sumber-sumber tempatan: Untuk projek semacam ini, anda tidak boleh bergantung pada Internet luaran, jadi anda perlu mempunyai semua fail anda setempat. Ini bermakna anda tidak boleh menggunakan PHP atau fail luaran. Anda perlu mempunyai salinan segala-galanya di server.

  • Membina cahce. fail nyata: Lihat direktori yang mengandungi permainan anda, dan buat fail teks baru yang dipanggil.

  • Tulis baris pertama: Baris pertama cache. fail manifes hanya perlu mengandungi teks CACHE MANIFEST (semua dalam huruf besar).

  • Buat senarai setiap fail dalam direktori: Tulis nama setiap fail dalam direktori, satu fail setiap baris. Berhati-hati dengan permodalan dan ejaan anda.

  • Tambah atribut manifes: Teg mempunyai atribut baru yang disebut nyata. Gunakan ini untuk menerangkan kepada pelayan di mana manifes cache boleh didapati:

    
    
  • Muatkan halaman dengan normal: Anda perlu memuatkan halaman web sekali dengan cara biasa. Sekiranya semua telah ditetapkan dengan betul, penyemak imbas secara senyap-senyap akan membuat salinan fail.

  • Uji ke luar talian: Cara terbaik untuk menguji storan luar talian adalah untuk mematikan akses tanpa wayar pada mesin anda sementara dan kemudian cuba mengakses fail tersebut. Sekiranya semuanya berjaya, anda sepatutnya dapat melihat halaman anda seolah-olah anda masih dalam talian.

  • Semak tetapan pelayan: Jika storan luar talian tidak berfungsi, anda mungkin perlu menyemak pentadbiran pelayan anda. Jenis MIME teks / manifes perlu dikonfigurasi pada pelayan. Anda mungkin perlu meminta pentadbir pelayan anda untuk menetapkan pilihan ini. fail htaccess untuk akaun anda:

    tambah teks / manifes cache. nyata
    

Perhatikan bahwa hal itu dapat memakan mekanisme tersembunyi cache beberapa jam untuk mengenali perubahan, jadi ketika Anda membuat perubahan pada halaman Anda, perubahan ini tidak diperbarui secara otomatis ke browser lokal. Sebab itulah yang terbaik untuk menyelamatkan arkib luar talian untuk mendekati akhir kitaran pembangunan projek anda.

Bagaimana menggunakan AJAX untuk membuat aplikasi untuk pemrograman HTML5 dan CSS3 - dummies

Pilihan Editor

Cara Mengeksport karya seni dari Fireworks - dummies

Cara Mengeksport karya seni dari Fireworks - dummies

Setelah anda mengoptimumkan imej itu, sudah waktunya untuk mengeksport dari Fireworks. Mengekspot imej adalah agak mudah; pilih Fail → Eksport dan kemudian nyatakan folder di mana untuk menyimpan imej. Apabila anda mengeksport dokumen seperti menu navigasi dengan beberapa kepingan, anda mengeksport dokumen itu sebagai imej dan HTML seperti berikut: Pilih Fail → Eksport. The ...

Cara Cari Warna untuk Skema Warna Laman Web Anda - dummies

Cara Cari Warna untuk Skema Warna Laman Web Anda - dummies

Peraturan yang paling asas Skim warna untuk laman web adalah bahawa anda perlu bekerja dengan beberapa warna yang terkurung. Jika tidak, laman web anda hanya akan membentangkan warna cacian warna. (Ya, pendekatan gila-gilaan juga merupakan bentuk skema warna, tetapi sebagai peraturan umum tidak begitu berkesan.) Bagaimana ...

Pilihan Editor

Memilih Penutupan Daripada Potret Khas - patung

Memilih Penutupan Daripada Potret Khas - patung

Potret di mana imej anda dipangkas dengan ketat supaya subjek itu mengambil sebahagian besar atau semua bingkai - adalah alat licik dalam beg jurufat jurulatih. Walau bagaimanapun, orang umumnya tidak suka mempunyai kamera terlalu dekat dengan mereka, kerana ketakutan bahawa imej itu ...

Menangkap Highlights and Drips dalam Fotografi Makanan Anda - dummies

Menangkap Highlights and Drips dalam Fotografi Makanan Anda - dummies

Sedikit dari fotografi bukan makanan. Fotografi komersil tradisional cenderung untuk menjauhkan diri dari kekejangan sorotan spekular dan kelemahan drip dan ketidaksempurnaan. Sorotan specular kadang-kadang hanya smidge yang terlalu cerah dan mengganggu dalam foto, tetapi kemuncaknya berkilat ...

Pilih Lensa Makro Kanan untuk Subjek Anda - patung

Pilih Lensa Makro Kanan untuk Subjek Anda - patung

Komponen utama untuk dipertimbangkan ketika mencari makro Kanta yang sesuai dengan gaya fotografi rapat anda adalah subjek yang akan anda ambil gambar dengan lensa. Sekiranya anda menembak mata secara tidak langsung, anda boleh meletakkan kanta anda dengan sangat dekat dengannya. Subjek lain mungkin memerlukan anda menyimpan jarak yang selamat, yang bermaksud ...

Pilihan Editor

Bagaimana Mengubah Transparansi Layer Jenis di Photoshop CS6 - dummies

Bagaimana Mengubah Transparansi Layer Jenis di Photoshop CS6 - dummies

Anda boleh menukar transparansi lapisan jenis, seperti yang anda boleh dengan lapisan lain dalam Adobe Photoshop Creative Suite 6, mengurangkan kelegapan (ketelusan) jenis supaya ia membolehkan lapisan mendasar untuk menunjukkan. Lapisan adalah seperti susunan lapisan digital yang mana setiap unsur imej anda ...

Bagaimana Tukar Resolusi Imej dalam Adobe Photoshop CS6 - dummies

Bagaimana Tukar Resolusi Imej dalam Adobe Photoshop CS6 - dummies

Menggunakan kotak dialog Ukuran Imej hanya satu cara yang anda boleh mengawal resolusi dalam Adobe Photoshop CS6. Walaupun anda boleh meningkatkan resolusi, berbuat demikian dengan berhati-hati dan mengelakkannya, jika anda boleh. Pengecualian kepada peraturan ini adalah apabila anda mempunyai imej yang besar dalam saiz dimensi tetapi rendah ...

Cara Mengukir Huruf menjadi Imej Tekstur Batu di Photoshop CS6

Cara Mengukir Huruf menjadi Imej Tekstur Batu di Photoshop CS6

Dalam Adobe Photoshop CS6, anda boleh menggunakan alat jenis untuk membuat pilihan yang dibentuk seperti huruf dan kemudian menggunakan imej itu sendiri sebagai tekstur (seperti batu) untuk jenisnya. Pemilihan jenis boleh memotong mana-mana bahagian gambar untuk menggunakan apa-apa cara yang anda mahukan. Ikuti langkah-langkah ini untuk mengukir huruf ke dalam tekstur batu ...