F12 | Inspect Element, Console

Saya membuat F12 Browser karena saya bosan harus menghubungkan ponsel saya ke PC dengan kabel setiap kali saya hanya ingin memeriksa tata letak seluler atau panggilan API dengan cepat.

Sebagai catatan: ini adalah proyek hobi yang ditujukan untuk pengecekan cepat, pembelajaran, dan bereksperimen. Ini jelas bukan pengganti Chrome DevTools desktop atau debugging jarak jauh yang sebenarnya di tempat kerja Anda.

Beberapa hal yang dapat Anda lakukan dengannya:

Jalankan cuplikan JS langsung di halaman untuk melihat apa yang terjadi.

Klik di sekitar pohon HTML untuk melihat kelas, gaya, dan menyorot elemen.

Pantau panggilan fetch dan XHR secara langsung sehingga Anda dapat memeriksa kode status dan membaca data JSON.

Buka permintaan jaringan untuk melihat header dan parameter kueri.

Tampilkan tautan media seperti gambar atau aliran video yang dimuat oleh halaman.

Periksa log konsol dan kesalahan.

Jika Anda seorang mahasiswa, seseorang yang ingin tahu tentang cara kerja situs seluler di balik layar, atau Anda hanya ingin melakukan pengecekan cepat pada API saat jauh dari meja kerja Anda, semoga Anda merasa ini bermanfaat.