Web tarayıcımın CSS / HTML öğelerini Android tarayıcımda incelemek istiyorum.
Ancak bir akıllı telefon veya Android SDK'sı üzerinde olacak.
Bunu yapmanın en iyi yolu ne?
Web tarayıcımın CSS / HTML öğelerini Android tarayıcımda incelemek istiyorum.
Ancak bir akıllı telefon veya Android SDK'sı üzerinde olacak.
Bunu yapmanın en iyi yolu ne?
Android'deki Chrome, Android cihazındaki Chrome uygulamasından yüklenen HTML'yi incelemek için masaüstündeki Chrome geliştirici araçlarını kullanabiliyor.
Görmek: https://developers.google.com/chrome-developer-tools/docs/remote-debugging
Yerli Android tarayıcısı için bir siteyi hata ayıklamak ve buraya geldi. Bende denedim weinre Firefox 30.0 (weinre istemcisi) ve Android 4.1.2 (hedef) ile bir OS X 10.9 (weinre sunucusu olarak). Sonuçtan gerçekten çok şaşırdım.
sudo npm -g install weinre
weinre --boundHost YOUR.IP.ADDRESS.HERE
http://YOUR.IP.ADRESS.HERE:8080
<script src="http://YOUR.IP.ADDRESS.HERE:8080/target/target-script-min.js"></script>
Belki 8080 varsayılan bağlantı noktanız değildir. Sonra 4. adımda aramak zorundasın weinre --httpPort YOURPORT --boundHost YOUR.IP.ADRESS.HERE
.
Ve tam olarak ne zaman olduğunu hatırlamıyorum, belki 5. adımdan sonra, gelen bağlantıları istemem gerekiyordu elbette.
:) Mutlu hata ayıklama
Not; Hala işe yarayanların ne kadar üzgündüm. Öğeleri vurgulayan çalışmalar bile O_O °
Chrome tarayıcısını kullanarak Android cihazınızdaki bir web sitesinin öğelerini inceleyebilirsiniz.
Chrome tarayıcınızı açın ve incelemek istediğiniz web sitesine gidin.
Adres çubuğuna gidin ve "HTTP" den önce "view-source:" yazın ve sayfayı yeniden yükleyin.
Sayfanın tüm öğeleri gösterilecek.