Bugün web, masaüstü bilgisayarlardan çok cep telefonlarında geziniyor. Cihazlar gerçekten taşınabilir olduğundan ve ekran boyutları küçüldüğünden. Yani bir web uygulaması geliştiriyorsanız, cep telefonları (Android veya iOS) desteğinden kaçamazsınız. Mobil ekranlarda bozuk veya berbat görünen siteler, çevrimiçi itibarınıza gerçekten zarar verebilir. Telefonlardaki kullanıcı deneyimi masaüstünden tamamen farklıdır. Dolayısıyla geliştiricilerin, mobil ekrana uyum sağlamak için uygulamaları özel olarak tasarlamaları gerekiyor.
Google Chrome Dev, cihazdaki deneyimi incelemenize, hata ayıklamanıza, analiz etmenize olanak tanıyan araçlar sağlar ve mobil cihazda uygulamanızın hatalarını ayıklamak için yerel makinenizdeki Chrome Dev araçlarını kullanabilirsiniz. Bu eğitimde, yerel geliştirme makinenizi Android'de uzaktan hata ayıklamak için nasıl kuracağınızı öğreneceğiz. Mobil cihazınız ve yerel geliştirme makineniz arasındaki bir USB bağlantısı üzerinden hata ayıklayacağız.
Uzaktan hata ayıklama ile ilerlemek için aşağıdakilere ihtiyacınız olacak:
- Android 28 için Chrome yüklü bir Android cep telefonu veya tablet (bunu şu adresten yükleyebilirsiniz: okuyun).
- Android cihazınızı yerel geliştirme makinenize bağlamak için bir USB kablosu, ayrıca Android cep telefonunuzu bir bilgisayara bağlamak için gerekli sürücülerin kurulu olduğundan emin olun.
- kontrol OEM USB sürücüleri listesi ve sizin için uygun sürücüleri bulun.
- Yerel geliştirme makinenizde yüklü Chrome 28+.
- Yerel geliştirme makinenizde ADB Chrome uzantısının kurulu olduğundan emin olun. adresinden yükleyebilirsiniz okuyun.
Bu eğitimde, yerel geliştirme makinemizde bir Sony Xperia L (Android cihazı) ve Windows 7 kullanacağız. Öyleyse uzaktan hata ayıklama ile başlayalım:
1. Öncelikle Android cihazınızda Hata Ayıklama modunun etkinleştirildiğinden emin olun.
Etkinleştirmediyseniz, lütfen buna bakın:
- Android 4.2'deki kullanıcılar için şu adrese bakın: http://www.thesmarthacks.com/2013/04/enabling-usb-debugging-mode-on-android.html.
- Geri kalanı şu anlamlara gelebilir: http://www.groovypost.com/howto/mobile/how-to-enable-usb-debugging-android-phone/.
Geliştirme için Android cihazı kurma hakkında daha fazla bilgi için lütfen şu adrese bakın: http://developer.android.com/tools/device.html#setting-up.
2. Android cihazınızı bağlama
Şimdi Android cihazınızı bir USB kablosuyla yerel geliştirme makinenize bağlayın. Android cihazınızı bağladıktan sonra, Android cihazınızda Chrome'u başlatarak, ardından -> Ayarlar -> Geliştirici araçları -> USB Web Hata Ayıklamayı Etkinleştir'i seçerek telefonunuzda USB web hata ayıklamasını etkinleştirmeniz gerekir.
Bu seçeneği seçerken, geliştirme makinesiyle bağlantınızı onaylamanızı isterse, Tamam'ı seçin.
3. Hata ayıklama
ADB uzantısını yükledikten sonra Chrome menüsünün yanında gri bir Android simgesi göreceksiniz. Şimdi Android simgesine tıklayın ve -> ADB'yi Başlat'ı seçin. Şimdi yeşile dönmeli ve şu anda bağlı cihazların sayısını gösterecektir. Ardından simgeye tıklayın ve -> Denetim Hedeflerini Görüntüle'yi seçin. Bu, yeni bir sekme açmalı ve bağlı Android cihazlarının sayısını ve o anda açık olan sekmeleri gösterecektir.
Şimdi listeden hata ayıklamak istediğiniz sekmeyi seçin. Bu, Geliştirici Araçları ile yeni bir Pencere açacaktır.
Şimdi sayfadaki bazı öğeleri inceleyin ve öğe Chrome mobilde gerçek zamanlı olarak vurgulanır.
Bu şekilde, Dev araçlarından hata ayıklayarak cihaza özel hataları düzeltebilirsiniz. Chrome mobilde yürütülecek olan Dev araçlarından komutları çalıştırabilirsiniz. Ayrıca Ağ, Kaynaklar, Zaman Çizelgesi, Profiller, Denetimler gibi farklı panelleri görüntüleyin.
Artık uygulamanızı sunucuya dağıtmak ve ardından telefonunuzdan erişmek ve hata ayıklamak yerine mobil cihazlara özgü hataları düzeltebilir ve mobil uygulamalarda gerçek zamanlı hata ayıklayabilirsiniz. Google Chrome Dev, cihazla uyumlu uygulamalar oluşturan geliştiriciler için gerçek bir acıyı çözen bu araçları sağlar.
Pedro Miguel
Chrome Dev'i tanımak güzel. Hem tarayıcılar hem de mobil (iOS ve Android) için geliştiricilere sunulan platform her geçen gün artıyor. Hata ayıklama işlemiyle ilgili tüm ayrıntılı fotoğraflar için teşekkürler.
Methu
Bu gerçekten şaşırtıcı ve faydalı bir yazı. Buradan, Android'de Uzaktan Hata Ayıklama Web Uygulamaları ile ilgili net prosedürleri anlayabiliriz. Ayrıca resimler, Chrome Dev ile ilgili prosedürü açık ve kolay bir şekilde açıklamaktadır.
Van wilder
Vay canına! Android harika!
Bunun mümkün olup olmadığını bile bilmiyordum
Stephan
Bunun tüm android kullanıcıları için gerçekten yararlı bir yazı olduğunu düşünüyorum. özellikle o günlerde tarayıcılar için çok fazla uygulama var ve genellikle kullanıcıların kafasını karıştırıyor.
Tüm Fotolar çok detaylıdır ve tüm adımları takip etmek kolaydır.
Paylaşım için teşekkürler.
stephan wu
Satish
Gerçekten bu gönderi, Android'deki web uygulamalarında hata ayıklamak için çok yararlıdır. Düşünmedim.
Karen Davidson
Bu çok bilgilendirici bir yazı. Artık Android'deki web uygulamalarında uzaktan hata ayıklayabiliriz.
James Stevens
Çok iyi sunulmuş, bilgilendirici bir yazı. Web uygulamalarının uzaktan nasıl hata ayıklanacağını hep merak etmişimdir ama geçmişte okuduğum diğer bloglar pek kolay değildi. Teknolojik dili takip etmekte zorlanan bizler için net bir şekilde ifade ettiğiniz için teşekkür ederiz.
Stephan'ın dediği gibi, resimler talimatları takip etmeyi kolaylaştıran çok ayrıntılı.
Peter Ford
Samsung Galaxy S3'ümde hata ayıklamanın bir yolunu arıyordum. Sanırım doğru yere geldim çünkü öğreticiniz gerçekten yardımcı oldu ve cihazımda başarıyla hata ayıklamayı başardım. Yardım için çok teşekkürler.
Mahesh Srivastava
Vay canına! Bunu Android telefonumla yapabileceğini bilmiyordum.
Teşekkürler!
Bethany
Gerçekten harika, özellikle android uygulamaları için hata ayıklamanın uzaktan yapılabileceğini hiç düşünmemiştim…
Alicia
Merhaba,
Teşekkürler, sonunda uzaktan hata ayıklamayı yaptım, gerçekten yardımcı oldu.