Sensor: Emulasi sensor perangkat

Kayce Basques

Sofia Emelianova

Gunakan panel Sensor untuk meniru input sensor perangkat apa pun.

Ringkasan

Panel Sensor memungkinkan Anda melakukan hal berikut:

• Ganti geolokasi.
• Simulasikan orientasi.
• Sentuhan paksa.
• Emulasikan status pendeteksi tidak ada aktivitas.

Membuka panel Sensor

1. Bergantung pada sistem operasi Anda, tekan tombol berikut untuk membuka Menu Perintah:

   • Di MacOS, Command+Shift+P
   • Di Windows, Linux, atau ChromeOS, Control+Shift+P

   

2. Ketik sensors, pilih Tampilkan Sensor, lalu tekan Enter. Panel Sensor akan terbuka di bagian bawah jendela DevTools.

Mengganti geolokasi

Banyak situs memanfaatkan lokasi pengguna untuk memberikan pengalaman yang lebih relevan bagi penggunanya. Misalnya, situs cuaca dapat menampilkan perkiraan cuaca lokal untuk area pengguna, setelah pengguna memberikan izin kepada situs untuk mengakses lokasinya.

Jika Anda membuat UI yang berubah bergantung pada lokasi pengguna, Anda mungkin ingin memastikan bahwa situs berperilaku dengan benar di berbagai tempat di seluruh dunia.

Untuk mengganti geolokasi Anda, buka panel Sensor dan, dari daftar Geolokasi, pilih salah satu opsi berikut:

• Salah satu kota preset, seperti Tokyo.
• Lokasi kustom untuk memasukkan koordinat bujur dan lintang kustom.
• Pilih Lokasi tidak tersedia untuk melihat perilaku situs Anda saat lokasi pengguna tidak tersedia.

Simulasikan orientasi perangkat

Untuk menyimulasikan orientasi perangkat yang berbeda, buka panel Sensor, lalu, dari daftar Orientasi, pilih salah satu opsi berikut:

• Salah satu orientasi preset, seperti Potret terbalik.
• Orientasi kustom untuk memberikan orientasi persis Anda sendiri.

Setelah memilih Orientasi kustom, kolom alfa, beta, dan gamma akan diaktifkan. Lihat Alfa, Beta, dan Gamma untuk memahami cara kerja sumbu ini.

Anda juga dapat menyetel orientasi kustom dengan menarik Model Orientasi. Tahan Shift sebelum menarik untuk memutar sepanjang sumbu alfa.

Sentuhan paksa

Untuk menguji peristiwa sentuhan di situs Anda, Anda dapat memaksakan sentuhan, bukan mengklik, meskipun Anda sedang menguji di perangkat tanpa layar sentuh.

Untuk memicu peristiwa sentuhan dengan kursor Anda:

1. Buka panel Sensor.
2. Di menu drop-down Sentuh, pilih Sentuhan 3D.
3. Klik Muat Ulang DevTools di perintah di bagian atas.

Mengemulasi status pendeteksi tidak ada aktivitas

Idle Detection API memungkinkan Anda mendeteksi pengguna yang tidak aktif dan bereaksi terhadap perubahan status tidak ada aktivitas. Dengan DevTools, Anda dapat mengemulasi perubahan status tidak ada aktivitas untuk status pengguna dan status layar, alih-alih menunggu perubahan status tidak ada aktivitas yang sebenarnya.

Untuk meniru status tidak ada aktivitas:

1. Buka panel Sensor.

2. Centang kotak di samping Ephemeral dan, di perintah, berikan izin deteksi tidak ada aktivitas ke halaman demo. Kemudian, muat ulang halaman.

   

3. Di menu drop-down Emulate Idle detector State, pilih salah satu opsi berikut:

   • Tidak ada emulasi tanpa aktivitas
   • Pengguna aktif, layar tidak terkunci
   • Pengguna aktif, layar terkunci
   • Pengguna tidak ada aktivitas, layar tidak terkunci
   • Pengguna tidak ada aktivitas, layar terkunci

Mengemulasi konkurensi hardware

Untuk meniru performa situs Anda di perangkat dengan jumlah core prosesor yang berbeda, Anda dapat mengganti nilai yang dilaporkan oleh properti navigator.hardwareConcurrency. Beberapa aplikasi menggunakan properti ini untuk mengontrol tingkat paralelisme aplikasi mereka, misalnya, untuk mengontrol ukuran pool Emscripten pthread.

Untuk mengemulasi konkurensi hardware:

1. Buka panel Sensor.
2. Di dekat bagian bawah panel, temukan dan aktifkan check_box Hardware concurrency.
3. Di kotak input angka, masukkan jumlah core yang ingin Anda emulasikan.

Untuk kembali ke nilai default, klik tombol urungkan Setel ulang.

Mengemulasi tekanan CPU

Tekanan CPU atau komputasi adalah serangkaian status yang dilaporkan yang memberi Anda gambaran tentang seberapa banyak beban kerja yang sedang diproses oleh komputasi sistem dan apakah sudah mendekati batas atau tidak. Dengan informasi ini, Anda dapat menyesuaikan aplikasi real-time, misalnya, konferensi video atau game video, untuk memanfaatkan semua daya pemrosesan yang tersedia sekaligus menjaga responsivitas sistem dengan menyesuaikan beban kerja secara real-time.

Panel Sensor memungkinkan Anda mengemulasi status yang dapat dilaporkan oleh Compute Pressure API.

Untuk meniru tekanan CPU di situs Anda:

1. Buka panel Sensor.
2. Di dekat bagian bawah panel, temukan bagian Tekanan CPU, lalu pilih salah satu status tekanan yang mudah dibaca: Tanpa penggantian, Nominal, Cukup, Serius, atau Kritis.
3. Di perintah di bagian atas DevTools, klik Muat Ulang DevTools.