Tips

Cara Testing iOS di Mac dengan Simulator – Jurnal Web

Tes iOS di Mac dengan Simulator | Salah satu bagian yang paling penting dalam proses pembuatan website adalah melakukan pengujian website di berbagai perangkat (testing across devices & cross browser), dan salah satu yang cukup sulit adalah melakukan pengujian di Safari iOS Mobile.

Beberapa tools memungkinkan kita untuk mengecek tampilan di Safari namun terkadang untuk fitur pentingnya kita diharusnya membayar atau dibatasi hanya untuk beberapa akun dan batasan batasan lainnya.

Untuk Safari, Apple membuat pengujian iOS tersedia secara gratis untuk semua pengguna macOS, dengan aplikasi Simulator mereka. Aplikasi ini disembunyikan dan Anda perlu melewati beberapa tahapan untuk bisa mendukung iOS versi lebih lama, namun Anda tidak perlu pengetahuan teknis yang khusus untuk itu.

Mulai

Pertama install XCode, yaitu alat bantu para developer Apple. Bersiaplah untuk menunggu cukup lama karena cukup besar.

Simulator adalah aplikasi yang berdiri sendiri tetapi tersimpan dan tersembunyi di dalam XCode, dimana Anda tidak akan bisa melihatnya secara langsung dan fitur Spotlight juga tidak menemukannya jika Anda coba cari.

Oleh sebab itu buatlah sebuah link simbolis untuk ini di dalam folder Application. Begini caranya.

1. Buka Terminal (di dalam folder Application) atau di aplikasi terminal favorit Anda.

2. Copy & Paste baris kode ini.

ln -s /Applications/Xcode.app/Contents/Developer/Applications/Simulator.app /Applications

3. Buka folder Applications, maka Anda akan menemukan Simulator, dan sekarang Spotlight juga bisa menemukan tool ini.

Menggunakan Simulator

Buka Simulator dengan melakukan klik 2x di dalam folder Applications, atau Anda juga bisa membuka melalui Spotlight, atau melalui Terminal juga bisa dengan mengetikan perintah dibawah ini lalu tekan Enter.

open /Applications/Simulator.app

Maka Anda bisa melihat sebuah device iOS.

iOS Simulator

Pengaturan Simulator iOS

Setelah Simulator terinstall, maka mari kita sedikit mengenal Simulator, dimana kita akan coba mengubah ukuran windownya, menambahkan dukungan untuk keyboard dan menambahkan dukungan untuk trackpad.

Mengaktifkan fitur untuk mengetikan Simulator di keyboard.

Secara default Anda harus menggunakan keyboard di layar untuk mengetik di perangkat Simulator iOS, sama seperti Anda menggunakan keyboard di layar pada perangkat iOS yang sebenarnya. Tetapi Anda dapat mengaktifkan dukungan untuk keyboard fisik Anda.

Caranya:
Pada menu Hardware di Aplikasi Simulator, pada sub menu Keyboard, ceklis “Connect Hardware Keyboard“.

iOS Simulator Keyboard

iOS Simulator Keyboard

Fitur Share clipboard antar macOS dan perangkat Simulator.

Secara default, kombinasi tombol Command+V tidak akan berfungsi untuk mem-Paste apapun dari aplikasi lain ke Simulator, maka untuk mengaktifkan ini, pilih “Automatically Sync Pasteboard” yang ada di menu “Edit” yang ada di aplikasi Simulator.

iOS Simulator Pasteboard

iOS Simulator Pasteboard

Catatan: untuk Anda yang menggunakan XCode versi lama, maka Anda harus menggunakan kombinasi Shift+V untuk melakukan Paste clipboard macOS ke dalam Simulator, dan terkadang juga Anda harus menggunakan Command+C untuk Paste dari pasteboard.

Berpindah Device

Dengan Simulator Anda bisa menguji perangkat Apple apapun.

Pilih perangkat yang ingin Anda gunakan pada submenu “Devices” di menu “Hardware“.

Secara default Anda hanya akan memiliki versi terbaru dari iOS, tvOS, dan watchOS, namun Anda dapat dengan mudah menginstall “runtimes” untuk versi yang lebih lama.

iOS Simulator Devices

iOS Simulator Devices

Cara menambahkan support untuk iOS, tvOS & watchOS versi lama

Untuk menambahkan versi lain dari iOS, tvOS dan watchOS, pertama pilih “Hardware -> Devices -> Manage Devices“.
Hal tersebut akan membuka jendela “XCode app’s Devices“.
Pilih “Simulator“.
Lalu klik tanda plus(+) di sudut kiri bawah.

Simulator xcode devices 1

Lalu pilih “Device Type“, lalu pilih “OS Version“.

Simulator xcode devices 2

Jendela baru akan terbuka, berisi daftar “Components Preference” dari Simulator.
Klik tombol Download yang ada disamping nama OS yang ingin di install, lalu klik tombol “Check and Install Now”.

Simulator xcode devices 3

Ketika download nya selesai, tutup windows. Lalu kembali ke tampilan popup “Create a new simulator“, lalu atur seperti berikut:
Simulator Name: kosongkan saja.
Device Type: Pilih perangkat yang Anda inginkan.
OS Version: Disini Anda bisa lihat kalau perangkat yang tadi sudah Anda install akan bisa Anda pilih sekarang.

iOS Simulator Create New

Klik “Create” anda tutup XCode.
Kembali ke Simulator, dan perangkat yang Anda tambahkan sekarang sudah bisa anda lihat pada daftar “Devices“.

Selesai…

Source link

error: Content is protected !!