Android tarayıcıda kaynağı nasıl görüntüleyebilirim?


156

Android web tarayıcısında kaynak HTML'yi görüntülemenin bir yolu var mı?

Yanıtlar:


69

alertKaynak kodu döndürmek için Javascript yöntemini kullanabilirsiniz , bunu adres çubuğuna yazın:

javascript: alert(document.getElementsByTagName('html')[0].innerHTML);


3
başlangıçta, javascript: URI programının Android tarayıcısında çalışacağından şüpheliydim, ancak 2.1 tarayıcımda çalışıyor gibiydi. Ancak, sözdizimi vurgulamıyorsunuz ve metni kopyalayamıyorsunuz, bu yüzden uzun HTML sayfaları için pek kullanışlı değil.
Yalan Ryan

1
Benim için çalışmıyor! Emulator her zaman http: // önekini ekler ve Google tarafından bulunmayan bir site alırım.

1
Android için Chrome, yalnızca yaklaşık 50 satır gösterir.

Android için Firefox'ta çalışmıyor.
Aaron Franke

256

Android'de Firefox veya Chrome'da, kaynağı adres çubuğundaki URL'yi " view-source:", yani " view-source:http://google.com" ile ekleyerek kaynağı görüntülemek mümkündür .


4
Harika çözüm Hatta en azından Chrome'da sözdizimi renklendirmesi oluşturur ve kaynak kodunu panoya kopyalamanıza izin verir.
Jpsy

2
Android için Firefox için , her zaman URL'leri ön eklemeden kaynak kodunu görüntülemenizi sağlayan bir eklenti vardır, uygulama menüsünden "Kaynağı Görüntüle" girişini tıklamanız ve o anda açık web sayfasının kaynak kodunu görmeniz yeterlidir. Eklenti Görüntüle Source Mobile
Francisco Alvarado

6
Bir bookmarklet olarak:javascript:document.location='view-source:'+document.location;
Benjamin Oakes,

3
Bu cevap daha fazla oy kullanılmalı ve doğru cevap olarak seçilmelidir.
Fred Thomsen

1
Bu aynı zamanda Linux ve Windows'ta Firefox ve Chrome'da, muhtemelen
macOS'ta

29

Piyasada Web Kaynağını Görüntüle adlı bir uygulamayı arayın ve yükleyin.

Sonra göz atarken menünüzü açın ve "paylaş" a tıklayın, açılan listede Web Kaynağını Göster'i seçin.


Keith - sen ROCK adam .. benim @ sss kurtardı .. videomun neden gömülmediğini çözemedi, ama bu araç sayesinde, kodun .net sunucusu tarafından dahil edilmediğini kaynak tarafından görebildim

2
Uygulamaya bağlantı: market.android.com/details?id=com.jamesob.vwsource az önce denedi, iyi görünüyor. Sözdizimi vurgusu yok, ancak işi yapıyor. Kaynağı normal bir metin kutusuna koyar, bu da metni kolayca kopyalayabileceğiniz anlamına gelir.
GAThrawn

7

Bu cevapta belirtilen uygulama 2009'dan beri güncellenmedi.

VT View Source'u denemek isteyebilirsiniz .


1
Bu, sözdizimi vurgulama vardır ve kullanımı çok kolaydır. Varsayılan Android tarayıcısı ve Chrome ile çalışır. Android için en yeni Firefox’un kendine ait bir Görüntüleme Kaynağı var;
Ezward

6

Kaynağını görüntüleyerek VE Kundakçı / Web Müfettiş benzeri tarzda, canlı onları değiştirmek için yararlıdır başka aracıdır weinre uzaktan ayıklayıcı.


Bu cevap kayalar.
IAmDeveloper

5

Mobile Chrome'da yeni bir yer imi (yer imi) oluşturun:

İsim: Kaynağı Görüntüle (vs)

URL: javascript:document.location='view-source:'+document.location; void(0);

Şimdi bir sayfadayken, adres alanına dokunun ve yazmaya başlayın: vs. Yer imi görünmeli, tıklayın ve hazırsınız.



3

Bu hata ayıklama için ise (yorumunuza göre görünüyor) masaüstünüzde Firefox veya Chrome için bir kullanıcı aracısı değiştirici uzantısı yüklemektir. Kullanıcı aracısını Android olarak değiştirin ve sitenin mobil sürümünü edinin, ancak alıştığınız tüm kaynak ve hata ayıklama araçlarını kullanın.


2

Geliştirme için çok kullanışlı olan bir emülatör kullanıyorsanız, kaynağı kabuğunuza veya bir metin dosyasına kaydedebilirsiniz. Bunu yapmak için, adb ile birlikte gelen Android Geliştirici Araçları'nı yüklemeniz gerekir. Emülatörünüzü ateşleyin, sonra işletim sisteminizin kabuğundan komutu çalıştırın:

adb logcat browser:V *:S

Bu, emülatörünüzdeki tarayıcı uygulamasından herhangi bir şey çıkaracak ve diğer günlük mesajlarını engelleyecektir. Oradan, herhangi bir javascript console.log komutları adb tarafından görüntülenecek ve çıktısı alınacaktır. Yani, eğer JQuery kullanıyorsanız, bunu sayfanıza ekleyebilirsiniz ve tüm sayfanın html'ini günlüğe gönderir:

$(document).ready(function(){console.log($('html').html())});

Bu, sayfadaki html etiketinizdeki her şeyi günlüğe kaydeder.

Günlüğünüzün çıktısını yakalayabilirsiniz (BASH kullanarak, en azından diğer kabuklarla konuşamıyorum):

adb logcat browser:V *:S > log.txt

Şimdi, logdan herhangi bir çıktı log.txt dosyanıza dökülür. Bu, bir sayfanın HTML değerinde gerçekten kullanışlıdır, çünkü daha sonra herhangi bir metin belgesinde yaptığınız gibi arama yapabilirsiniz.

Her şey yerine sayfanın belirli bir bölümünü almak istiyorsanız, JQuery'nizde html etiketi yerine sayfanın bu bölümünü belirtebilirsiniz, böylece bir sınıf / kimliği olan tek bir div'e bakmanız gerekirse bununla ilişkilendirilmiş (bu örnekte, 'inspect-me' adında bir sınıfa sahiptir), JQuery'nizi şu şekilde değiştirebilirsiniz:

$(document).ready(function(){console.log($('div.inspect-me').html())});

1
Bu ince çalışma olsa da, soru sözü Android web tarayıcısında - değil gelen . Kaynağı bir PC kullanarak elde etmenin çok daha kolay yolları vardır - örneğin Firefox'ta Ctrl-U'ya basmak;)
Izzy

2

Opera tarayıcı kullanıyorsanız bunu adres çubuğunuza yazın, http ve diğer şeyleri sildiğinizden emin olun, ardından şunu yazın:

server:source

Açtığınız sayfanın adresinde.


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.