Android

Bagaimana untuk debug halaman web pada chrome untuk android pada komputer

Cara mudah merubah bahasa pada google chrome

Cara mudah merubah bahasa pada google chrome

Isi kandungan:

Anonim

Sebagai pentadbir blog, saya debug laman web peribadi saya menggunakan Chrome untuk melihat bagaimana perubahan dalam tema dan CSS akan kelihatan seperti sebelum melaksanakannya secara kekal di pelayan. Saya tidak lama dahulu apabila saya tidak pernah memberi perhatian kepada halaman mudah alih kerana hanya beberapa pelawat yang melawat tapak saya menggunakan telefon pintar. Tetapi pada hari ini, peratusan pelawat yang signifikan terdiri daripada telefon pintar dan tablet, dan oleh itu ia menjadi perlu untuk menjaga rupa dan persembahan di sana juga.

Jika ia adalah halaman di komputer, seseorang boleh dengan mudah debug menggunakan pilihan dari menu konteks klik kanan Chrome tetapi itu bukan pilihan dengan halaman di mudah alih. Jadi, hari ini saya akan menunjukkan kepada anda bagaimana anda boleh debug halaman web mudah alih pada komputer anda menggunakan Chrome untuk Android dan Android SDK.

Menyahpepijat Laman Web

Langkah 1: Muat turun dan pasang Android SDK pada komputer anda dan jalankannya. Pemasang akan meminta anda memuat turun Java jika anda tidak memasangnya.

Buat kali pertama anda menjalankan Android SDK pada komputer anda, ia akan meminta anda memuat turun beberapa API dan alat. Jika tujuan utamanya untuk memasang Android SDK adalah untuk menyebarkan halaman, centang semua kecuali Android-Platform SDK alat-alat dan klik tombol Pakej Pakej.

Langkah 2: Setelah memasang alat platform Android, buka Run Box (Windows + R) dan jalankan % userprofile% \ AppData \ Local \ Android \ android-sdk \ platform-tools untuk membuka direktori alat platform Android.

Langkah 3: Sekarang tahan kekunci Ctrl + Shift dan klik kanan dalam folder untuk membuka command prompt di sana. Anda juga boleh membuka command prompt menggunakan kotak Run dan navigasi ke folder secara manual.

Langkah 4: Setelah selesai, buka Chrome pada telefon Android anda, buka Tetapan-> Alat pemaju dan semak pilihan Membolehkan debugging Web USB.

Langkah 5: Sekarang pada command prompt jalankan command adb forward tcp: 9222 localabstract: chrome_devtools_remote dan buka browser Chrome pada Windows pada pelaksanaan yang berhasil.

Langkah 6: Buka halaman yang ingin anda debug pada penyemak imbas Chrome Android anda dan buka URL localhost: 9222 pada penyemak imbas Chrome komputer anda.

Hanya itu, anda akan melihat semua halaman yang dibuka pada penyemak imbas Android anda sebagai imej kecil pada komputer anda. Untuk membuka halaman debug, klik pada thumbnail kecil laman web. Anda akan dapat mengesan perubahan penyahpepijat yang anda buat pada komputer anda secara langsung di Android dalam masa nyata.

Kesimpulannya

Saya pasti trik ini akan membantu banyak pemaju web untuk mengoptimumkan laman web mereka untuk telefon pintar. Saya telah menggunakan helah untuk mengkonfigurasi halaman web saya dan ia berfungsi seperti pesona. Walau bagaimanapun, jika anda mengetahui cara yang lebih baik untuk mengepam laman web telefon pintar pada komputer, sila kongsi dengan kami.