Mulai Chrome 115, Anda dapat mengaktifkan proses debug Safari Web Inspector untuk Chrome di iOS. Postingan ini menjelaskan cara untuk memulai.
Sebelum Chrome 115, proses debug halaman web memerlukan pembuatan Chrome untuk iOS dari sumber, karena versi rilis WKWebView tidak mendukung proses debug Web Inspector jarak jauh. Di Chrome 73, kami menambahkan halaman chrome://inspect yang menampilkan log JavaScript secara lokal untuk membantu proses debug halaman web. Setelah WKWebView memungkinkan proses debug Web Inspector dalam rilis (mulai iOS 16.4), kami telah menambahkan setelan di Chrome 115 untuk mengaktifkan fitur ini dan meningkatkan pengalaman developer.
Memulai
Di perangkat iOS, Anda memerlukan:
- iOS 16.4 atau yang lebih baru.
- Chrome 115 atau yang lebih baru.
Di Mac, Anda memerlukan:
- Menu Develop Safari diaktifkan. Aktifkan ini dari setelan aplikasi Safari, tab Advanced Settings.
Di perangkat iOS, luncurkan aplikasi Chrome dan buka Settings. Di Content Settings, aktifkan Web Inspector. Luncurkan ulang Chrome untuk iOS setelah mengubah setelan ini.
Men-debug situs Anda
Dengan mengaktifkan setelan, Anda dapat melakukan debug pada halaman apa pun yang berjalan di Chrome untuk iOS dengan mengikuti langkah berikut.
- Hubungkan perangkat iOS Anda ke Mac menggunakan kabel.
- Di Chrome untuk iOS, buka situs yang ingin Anda periksa.
- Di Mac, luncurkan Safari. Dari menu Develop, arahkan kursor ke nama perangkat yang terhubung, lalu pilih URL situs yang ingin Anda periksa.
Jendela Web Inspector yang ditampilkan akan memungkinkan proses debug tampilan web saat ini. Untuk detail selengkapnya tentang cara menggunakan Safari Developer Tools, lihat dokumentasi Apple.