Bilgisayarda android için krom web sayfalarında hata ayıklama

Bir blog yöneticisi olarak, tema ve CSS’deki değişikliklerin sunucuda kalıcı olarak uygulanmasından önce nasıl görüneceğini görmek için Chrome kullanarak kişisel web sitemde hata ayıklarım. Bir akıllı telefon kullanarak sitemi yalnızca birkaç ziyaretçi ziyaret ettiğinden, uzun zaman önce mobil sayfalara hiç dikkat etmediğimde değildim. Ancak bugün, ziyaretçilerin önemli bir yüzdesi akıllı telefonlardan ve tabletlerden oluşuyor ve bu nedenle de orada görünüm ve sunumla ilgilenmek gerekli hale geldi.

Bilgisayarda bir sayfa olsaydı, bir kişi Chrome'un sağ tıklama bağlam menüsündeki seçeneği kullanarak kolayca hata ayıklayabilirdi, ancak mobil sayfalarda bu seçenek yoktu. Bu nedenle, bugün Android için Android ve Android SDK'yı kullanarak bilgisayarınızdaki mobil web sayfalarında nasıl hata ayıklayabileceğinizi göstereceğim.

Web Sayfasında Hata Ayıklama

Adım 1: Android SDK'yı bilgisayarınıza indirip yükleyin ve çalıştırın. Yükleyici yüklü değilse Java'yı indirmenizi isteyecektir.

Bilgisayarınızda Android SDK'yı ilk kez çalıştırdığınızda, birkaç API ve araç indirmenizi ister. Android SDK'yı kurmanın tek amacı sayfalarda hata ayıklamaksa, Android SDK Platform-araçları hariç her şeyin işaretini kaldırın ve Paket Yükle düğmesine tıklayın.

Adım 2: Android platform araçlarını kurduktan sonra, Çalıştır Kutusunu (Windows + R) açın ve Android platform araçları dizinini açmak için % userprofile% \ AppData \ Local \ Android \ android-sdk \ platform-tools komutunu çalıştırın.

Adım 3: Şimdi Ctrl + Shift tuşunu basılı tutun ve orada komut istemini açmak için klasöre sağ tıklayın. Komut istemini Çalıştır kutusunu kullanarak da açabilir ve klasöre manuel olarak gidebilirsiniz.

Adım 4: Bunu yaptıktan sonra Android telefonunuzda Chrome'u açın, Ayarlar -> Geliştirici araçları'nı açın ve USB Web hata ayıklamasını etkinleştir seçeneğini işaretleyin.

Adım 5: Şimdi komut isteminde adb forward tcp komutunu çalıştırın: 9222 localabstract: chrome_devtools_remote ve Windows'da Chrome tarayıcıyı başarılı bir şekilde yürütmek için açın.

Adım 6: Android Chrome tarayıcınızda hata ayıklamak istediğiniz sayfayı açın ve bilgisayarınızın Chrome tarayıcısında localhost: 9222 URL'sini açın.

Hepsi bu, Android tarayıcınızda açık olan tüm sayfaları bilgisayarınızda küçük resimler olarak göreceksiniz. Hata ayıklama sayfasını açmak için, ilgili web sitesinin küçük resmine tıklayın. Bilgisayarınızda yaptığınız hata ayıklama değişikliklerini doğrudan Android'de gerçek zamanlı olarak izleyebileceksiniz.

Sonuç

Bu numara, birçok web geliştiricisinin web sayfalarını akıllı telefonlar için optimize etmelerine yardımcı olacağından eminim. Numaramı web sayfalarımı yapılandırmak için kullandım ve çekicilik gibi sonuçlandı. Ancak, akıllı telefon web sayfalarını bilgisayarda hata ayıklamanın daha iyi bir yolunu biliyorsanız, bizimle paylaşın.