Debuggable Browser

Bu tarayıcı Chrome Devtools kullanarak herhangi bir web sayfasını incelemek ve hata ayıklama sağlar

Nedir?

Yalnızca hata ayıklama özellikli bir WebView; gerçek uygulamanızda çalışırken web uygulamanızı incelemek ve hata ayıklamak için Chrome'un Geliştirici Araçları'nı (PC'nizde veya Mac'inizde) kullanmanıza olanak tanır .

Yalnızca web geliştiricileri ve web tasarımcıları için tasarlanmıştır

Bu uygulama, web uygulamalarının en iyi kullanıcı deneyimini Android kullanıcılarına sunmayı amaçlayan web geliştiricileri için oluşturuldu. Web uygulamalarında hata ayıklamakla ilgilenen bir web geliştiricisi veya web tasarımcısı değilseniz, normal bir tarayıcıyla daha iyi olursunuz;)

Bunun ne faydası var?

Web sitenizi Android hisse senedi tarayıcısında açtıysanız ve aşağıdaki sorunlardan biriyle karşılaştıysanız, bu uygulama sizin için yararlı olabilir:

& # 8226; & # 8195; Web sitenizin düzeni veya stili Android stok tarayıcısında görüntülendiğinde bozuk görünüyor

& # 8226; & # 8195; JavaScript kodunuz beklenen sonucu vermedi veya işlem sırasında hesaplama aniden durdu (belki bir istisna atıldı?)

& # 8226; & # 8195; Animasyonlar laggy veya beklendiği gibi canlandırmayın

Açıklama

Bazen bir web uygulaması, masaüstü tarayıcılarda iyi çalışmasına rağmen mobil tarayıcılarda çalışmaz. Daha da kötüsü, bazen kusurlar sadece (belirli) mobil cihazlarda meydana gelir, bu yüzden bir masaüstü tarayıcıda simüle edemez ve çoğaltamazsınız. Chrome'un DevTools'uyla uzaktan hata ayıklamanın yararlı olduğu yer burasıdır. Android için Chrome bunu mükemmel bir şekilde desteklese de Android stok tarayıcısı desteklemiyor. Bu talihsiz bir durum, çünkü Android hatalarının birçoğu Chrome'da değil, yalnızca stok tarayıcıda gerçekleşiyor gibi görünüyor.

Bu nedenle, bu uygulama size yerel tarayıcı (WebView) içinde web siteleri çalıştırmanıza izin verirken, Chrome DevTools ile sayfayı inceleyin ve hatalarını ayıklayın.

Uzaktan hata ayıklamaya nasıl başlanır?

1. Android cihazınızda Geliştirici Modunu etkinleştirin ve PC / Mac'inize bağlayın

2. Bu uygulamayı açın ve URL'sini girerek web sitenize gidin

3. PC / Mac'inizde Chrome'u açın ve adres çubuğuna "chrome: // inspect" yazın

4. Chrome'da "USB Cihazlarını Keşfet" i işaretlediğinizde cihazınızda açtığınız web sayfası listelenir

5. Chrome Geliştirici Araçları ile uygulamayı inceleyin ve uzaktan hata ayıklamanın keyfini çıkarın

Daha fazla bilgi için şu adresi okuyun: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser