Bagaimana cara membuka file lokal di html?

Dengan Kony Visualizer, Anda dapat memanfaatkan aplikasi web yang ada dan konten HTML lainnya, menggabungkannya langsung ke dalam proyek Anda. Diakses melalui widget Peramban, konten tersebut dikemas secara lokal di dalam aplikasi yang sudah selesai sehingga selalu tersedia. Anda juga dapat mengintegrasikannya dengan Kony Fabric untuk memaksimalkan integrasi layanan canggih Kony

Konten HTML lokal yang Anda tambahkan ke proyek dapat digunakan untuk aplikasi web tradisional, atau disematkan di dalam aplikasi asli. Jika mau, Anda dapat menggunakan konten HTML lokal di semua platform dan saluran

Untuk informasi selengkapnya, lihat topik berikut

Tambahkan Konten HTML yang Ada ke Proyek

Jika Anda memiliki konten web yang sudah ada, Anda dapat mengintegrasikannya ke dalam proyek Kony Visualizer Anda

Untuk menambahkan konten HTML yang ada ke proyek, lakukan hal berikut

1. Menggunakan browser folder komputer Anda, navigasikan ke file dan folder yang ingin Anda tambahkan ke proyek Kony Visualizer Anda
2. Di Kony Visualizer, di Project Explorer, di tab Project, perluas kategori Web. Tampilan folder disebut Localfiles
3. Klik panah menu konteks dari folder Localfiles, lalu klik Resource Location. Folder terbuka di jendela baru browser folder komputer Anda
4. Beralih ke jendela browser folder yang berisi file dan folder yang ingin Anda tambahkan ke proyek Kony Visualizer Anda, pilih, lalu salin
5. Beralih ke jendela browser folder untuk folder Localfiles, lalu tempel file yang Anda salin
6. Untuk melihat file yang ditambahkan tercermin di Kony Visualizer, pada menu File (menu Proyek di Kony Visualizer), klik Refresh

Bergantian, Anda dapat mengimpor konten HTML dengan mengklik panah menu konteks dari folder Localfiles, mengklik Impor File, menavigasi ke file dan folder yang ingin Anda impor, memilihnya, lalu mengklik Buka

Buat Konten HTML Baru untuk Proyek

Anda dapat membuat berbagai jenis file terkait web ke konten HTML lokal Anda, lalu mengeditnya dalam Kony Visualizer. Kemampuan Intellisense dari Editor Kode menyederhanakan pembuatan kode dengan merekomendasikan kode lengkap berdasarkan kode tidak lengkap yang telah Anda ketikkan

Untuk membuat konten HTML baru untuk sebuah proyek, lakukan hal berikut

1. Di Project Explorer, di tab Project, perluas kategori Web. Tampilan folder disebut Localfiles
2. Klik panah menu konteks folder Localfiles, lalu klik salah satu opsi berikut
   Folder baru
   File JS Baru
   Berkas HTML Baru
   File CSS Baru
3. Masukkan nama untuk folder atau file baru, lalu klik OK

Dalam kasus file baru, itu terbuka di Editor Kode, di mana Anda dapat mulai mengkodekannya

Buka Folder Sumber Daya

Semua sumber daya berbasis web proyek Anda berada di folder di ruang kerja Anda. Dengan Kony Visualizer, Anda dapat membuka lokasi folder sumber daya apa pun dari Project Explorer

Untuk membuka folder sumber daya, lakukan hal berikut

• Di Project Explorer, klik panah menu konteks sumber daya apa pun, lalu klik Lokasi Sumber Daya

Folder tempat sumber daya itu berada terbuka

Tambahkan Konten HTML ke Layar Aplikasi

Setelah Anda mengimpor atau menambahkan konten HTML lokal ke proyek Anda, Anda membuatnya dapat diakses di dalam aplikasi Anda dengan mengaitkannya dengan widget browser

Untuk menambahkan konten HTML ke layar aplikasi, lakukan hal berikut

1. Tampilkan di Visualizer Canvas widget browser yang ingin Anda kaitkan dengan konten HTML Anda
2. Pada Project Explorer, pada tab Project, perluas kategori Web, lalu klik Localfiles
3. Temukan file HTML yang ingin Anda kaitkan dengan widget browser, lalu seret ke widget browser. Properti Master Data widget diperbarui untuk dikaitkan dengan file HTML yang Anda pilih
4. Pada Project Explorer, klik tab Project
5. Temukan dan buka widget penampung dalam bentuk yang ingin Anda tambahkan konten HTML
6. Di Library Explorer, pada tab Widget, di bawah Advanced Widgets, klik dan seret widget Browser ke widget container
7. Di Editor Properti, klik tab Browser, lalu klik tombol Edit Data Master. Kotak dialog Data Master ditampilkan

Catatan. Anda juga dapat membuka kotak dialog Master Data dengan mengklik dua kali widget browser

8. Pilih File Lokal, klik Telusuri, arahkan ke dan pilih file HTML yang Anda inginkan, lalu klik OK. Jalur ke file diwakili oleh jalur relatif ke file konten HTML yang Anda inginkan, dengan folder Localfile sebagai root. Misalnya, jika file yang Anda inginkan bernama Home. htm dan terletak di folder bernama Sumber, jalur relatifnya adalah sebagai berikut
   \Source\Home.htm
9. Klik Oke

Sebagai alternatif, Anda dapat menambahkan konten HTML ke layar aplikasi dengan melakukan hal berikut

1. Pada Project Explorer, klik tab Project
2. Temukan dan buka widget penampung dalam bentuk yang ingin Anda tambahkan konten HTML
3. Di Library Explorer, pada tab Widget, di bawah Advanced Widgets, klik dan seret widget Browser ke widget container
4. Di Editor Properti, klik tab Browser, lalu klik tombol Edit Data Master. Kotak dialog Data Master ditampilkan

Catatan. Anda juga dapat membuka kotak dialog Master Data dengan mengklik dua kali widget browser

5. Pilih File Lokal, klik Telusuri, arahkan ke dan pilih file HTML yang Anda inginkan, lalu klik OK. Jalur ke file diwakili oleh jalur relatif ke file konten HTML yang Anda inginkan, dengan folder Localfile sebagai root. Misalnya, jika file yang Anda inginkan bernama Home. htm dan terletak di folder bernama Sumber, jalur relatifnya adalah sebagai berikut
   \Source\Home.htm
6. Klik Oke

Pratinjau Konten HTML

Anda dapat mempratinjau konten HTML di dalam Kony Visualizer, atau menggunakan browser eksternal. Di dalam Kony Visualizer, Anda juga dapat menggunakan fungsionalitas berdampingan untuk mempratinjau HTML dalam satu panel sambil melihat dan mengedit kode HTML di panel lain

Untuk mempratinjau konten HTML, lakukan hal berikut

1. Pada Project Explorer, pada tab Project, perluas kategori Web, perluas folder Localfiles, lalu cari file HTML yang ingin Anda pratinjau
2. Klik panah menu konteks file, lalu lakukan salah satu hal berikut
• Klik Buka Pratinjau. File ditampilkan dalam Visualizer Canvas
• Klik Luncurkan di browser eksternal. File terbuka di instance baru browser web default komputer Anda

Untuk mempratinjau konten HTML berdampingan, lakukan hal berikut

1. Aktifkan fitur pratinjau HTML. Untuk melakukannya, lakukan hal berikut, tergantung apakah Anda menggunakan Kony Visualizer atau Kony Visualizer Classic
• Visualizer Kony. Pada menu Edit, klik Preferensi. Dari panel kiri kotak dialog, klik Umum, lalu setel Aktifkan Pratinjau HTML ke Ya. Klik Terapkan
• Kony Visualizer Klasik. Pada menu Jendela, klik Preferensi. Dari panel kiri kotak dialog, klik Kony Visualizer, lalu setel Aktifkan Pratinjau HTML ke Ya. Klik Terapkan, lalu klik Oke
2. Pada Project Explorer, pada tab Project, luaskan kategori Web, luaskan folder Localfiles, lalu klik file HTML yang Anda inginkan, buka sebagai tab di Editor Kode
3. Pada tab Proyek, klik panah menu konteks file HTML, lalu klik Buka Pratinjau. Pratinjau file di Kanvas Visualizer, dan panel kedua terbuka menampilkan kode HTML. Perubahan yang Anda buat pada kode HTML dan kemudian disimpan tercermin dalam pratinjau

Jika Anda memilih untuk tidak mengaktifkan setelan Pratinjau HTML tetapi masih ingin mempratinjau HTML dan melihat kode HTML secara berdampingan, Anda dapat mempratinjau konten secara manual

Untuk mempratinjau konten HTML berdampingan secara manual, lakukan hal berikut

1. Pada Project Explorer, pada tab Project, luaskan kategori Web, luaskan folder Localfiles, lalu klik file HTML yang Anda inginkan, buka sebagai tab di Editor Kode
2. Pada tab Proyek, klik panah menu konteks file HTML, lalu klik Buka Pratinjau. Pratinjau file di Visualizer Canvas
3. Pada menu Jendela, arahkan ke Susun, lalu klik Berdampingan. Panel baru terbuka di sebelah kanan panel yang sudah ada
4. Dari panel di sebelah kiri, seret tab file HTML yang Anda buka ke panel kanan. Saat tepi panel kanan menyala biru, jatuhkan file ke panel

Pratinjau file HTML muncul di panel kiri sedangkan kode file HTML muncul di panel kanan. Perubahan yang Anda buat pada kode HTML dan kemudian disimpan tercermin dalam pratinjau

Nonaktifkan Rendering Langsung

Setelah Anda mengaitkan file HTML lokal dengan widget browser, Anda mungkin tidak ingin konten file HTML terus-menerus dirender di Kanvas Visualizer, terutama jika konten HTML kompleks dan membutuhkan banyak sekali sumber daya komputer Anda. Dalam kasus seperti itu, Anda dapat menonaktifkan fungsionalitas perenderan langsung widget browser

Bisakah HTML mengakses file lokal?

Bagaimana cara melihat HTML secara lokal?

Bagaimana cara membuka file lokal di browser saya?

Bagaimana cara mengonversi file HTML lokal ke URL?