मैं एंड्रॉइड ब्राउज़र में स्रोत कैसे देख सकता हूं?


156

क्या एंड्रॉइड वेब ब्राउज़र में स्रोत HTML देखने का कोई तरीका है?

जवाबों:


69

आप alertस्रोत कोड को वापस करने के लिए जावास्क्रिप्ट विधि का उपयोग कर सकते हैं , इसे पता बार में टाइप करें:

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


3
शुरू में, मुझे संदेह था कि जावास्क्रिप्ट: यूआरआई योजना एंड्रॉइड के ब्राउज़र पर काम करेगी, लेकिन यह मेरे 2.1 ब्राउज़र पर काम करती थी। हालाँकि, आपको सिंटैक्स हाइलाइटिंग नहीं मिलती है और आप टेक्स्ट को कॉपी नहीं कर सकते हैं, इसलिए यह लंबे HTML पृष्ठों के लिए बहुत उपयोगी नहीं है।
रेयान

1
मेरे लिए काम नहीं करता है! एमुलेटर हमेशा http: // उपसर्ग जोड़ता है और मुझे Google द्वारा नहीं मिली एक साइट मिलती है।

1
Android के लिए Chrome केवल 50 या इसके आस-पास की लाइनें दिखाता है।

Android के लिए फ़ायरफ़ॉक्स पर काम नहीं करता है।
एरोन फ्रेंके

256

एंड्रॉइड पर फ़ायरफ़ॉक्स या क्रोम में एड्रेस बार में यूआरएल को " view-source:", " view-source:http://google.com" यानी " " के साथ जोड़कर स्रोत को देखना संभव है ।


4
महान समाधान। यहां तक ​​कि यह सिंटैक्स रंग (कम से कम क्रोम पर) उत्पन्न करता है और क्लिपबोर्ड पर स्रोत कोड को कॉपी करने की अनुमति देता है।
जेपी

2
एंड्रॉइड के लिए फ़ायरफ़ॉक्स के लिए एक ऐड-ऑन है, जो आपको हर बार यूआरएल को प्रीफ़िक्स किए बिना सोर्स कोड देखने देता है, बस ऐप मेनू से "व्यू सोर्स" प्रविष्टि पर क्लिक करें और आपको वर्तमान में खुले वेबपेज के लिए सोर्स कोड दिखाई देगा। ऐड-ऑन व्यू सोर्स मोबाइल है
फ्रांसिस्को अल्वाराडो

6
एक बुकमार्क के रूप में:javascript:document.location='view-source:'+document.location;
बेंजामिन

3
इस उत्तर को अधिक वोट दिया जाना चाहिए और सही के रूप में चुना जाना चाहिए।
फ्रेड थॉमसन

1
यह लिनक्स और विंडोज पर फ़ायरफ़ॉक्स और क्रोम पर भी काम करता है, शायद
मैकओएस

29

बाज़ार में View Web Source नामक एक ऐप देखें और इसे इंस्टॉल करें।

फिर ब्राउज़ करते समय, अपना मेनू खोलें और "शेयर" पर टैप करें, जो सूची में पॉप अप वेब स्रोत चुनें।


कीथ - आप रॉक आदमी .. मेरी एस एस @ बचाया .. यह पता लगाने क्यों मेरे वीडियो एकदम चमक एम्बेडिंग, लेकिन उस उपकरण की मदद से, मैं स्रोत है कि कोड .net सर्वर द्वारा शामिल नहीं किया जा रहा था द्वारा देख सकते सके

2
ऐप से लिंक करें: market.android.com/details?id=com.jamesob.vwsource बस इसे आज़माएं , अच्छा लग रहा है। कोई सिंटैक्स हाइलाइटिंग नहीं करता है, लेकिन काम करता है। स्रोत को एक सामान्य टेक्स्ट बॉक्स में डालता है जिसका अर्थ है कि आप आसानी से पाठ को कॉपी कर सकते हैं।
गठरन

7

इस उत्तर में उल्लिखित एप्लिकेशन को 2009 से अपडेट नहीं किया गया है।

आप वीटी व्यू सोर्स आज़माना चाह सकते हैं ।


1
इसमें सिंटैक्स हाइलाइटिंग है और इसका उपयोग करना बहुत आसान है। डिफ़ॉल्ट एंड्रॉइड ब्राउज़र और क्रोम के साथ काम करता है। एंड्रॉइड के लिए नवीनतम फ़ायरफ़ॉक्स का अपना व्यू सोर्स है, इसलिए इसे इसकी आवश्यकता नहीं है।
एज़वर्ड


5

मोबाइल Chrome पर एक नया बुकमार्क (बुकमार्कलेट) बनाएं:

नाम: स्रोत देखें (बनाम)

यूआरएल: javascript:document.location='view-source:'+document.location; void(0);

अब जब एक पृष्ठ पर, पता फ़ील्ड टैप करें और टाइप करना शुरू करें: बनाम बुकमार्कलेट दिखाई देनी चाहिए, इसे क्लिक करें और आप तैयार हैं।


4

क्रोम में, दूरस्थ डिबगिंग सुविधा है। यदि आप अपने फोन पर क्रोन स्थापित करते हैं। यदि आप अपने फोन को यूएसबी के माध्यम से पीसी से कनेक्ट करते हैं, तो आप क्रोम ब्राउज़र में अपने पीसी पर जावास्क्रिप्ट संशोधित स्रोत देख सकते हैं।

Http://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/ का अंत देखें


3

यदि यह डीबगिंग के लिए है (आपकी टिप्पणी से ऐसा लगता है कि यह ऐसा है) तो कुछ और भी बेहतर आपके डेस्कटॉप पर फ़ायरफ़ॉक्स या क्रोम के लिए उपयोगकर्ता एजेंट स्विचर एक्सटेंशन स्थापित कर रहा है। उपयोगकर्ता एजेंट को एंड्रॉइड में बदलें और आपको साइट का मोबाइल संस्करण मिलता है, लेकिन आपके द्वारा उपयोग किए जाने वाले सभी स्रोत और डीबगिंग टूल के साथ।


2

यदि आप एमुलेटर का उपयोग कर रहे हैं, तो आप स्रोत को अपने शेल या टेक्स्ट फ़ाइल में कैप्चर कर सकते हैं, जो विकास के लिए बहुत उपयोगी है। ऐसा करने के लिए आपको Android डेवलपर टूल इंस्टॉल करना होगा, जो कि adb के साथ आता है। अपने एमुलेटर के बाद अपने OS के शेल से कमांड को चलाएं:

adb logcat browser:V *:S

यह आपके एमुलेटर पर ब्राउज़र ऐप से कुछ भी आउटपुट करेगा और किसी अन्य लॉग संदेश को दबाएगा। वहाँ से किसी भी javascript कंसोल.log कमांड को आपके द्वारा देखने के लिए adb और output द्वारा कैप्चर किया जाएगा। इसलिए, यदि आप JQuery का उपयोग कर रहे हैं, तो आप इसे अपने पृष्ठ में जोड़ सकते हैं और यह संपूर्ण पृष्ठ html को लॉग में आउटपुट करेगा:

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

यह पृष्ठ पर लॉग करने के लिए आपके HTML टैग के भीतर सब कुछ आउटपुट करेगा।

आप अपने लॉग का आउटपुट कैप्चर कर सकते हैं (BASH का उपयोग करके, कम से कम, मैं अन्य गोले से बात नहीं कर सकता):

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

अब, लॉग से कोई भी आउटपुट आपकी log.txt फाइल में डंप हो जाता है। यह HTML के पूरे पृष्ठ के लिए वास्तव में उपयोगी है, जैसा कि आप तब इसके माध्यम से खोज सकते हैं जैसा कि आप किसी अन्य पाठ डॉक्टर से करेंगे।

यदि आप पूरी चीज़ के बजाय पृष्ठ के एक विशिष्ट बिट को हथियाना चाहते हैं, तो आप अपने JQuery में html टैग के बजाय पृष्ठ के उस हिस्से को निर्दिष्ट कर सकते हैं, इसलिए यदि आपको एक ही div को देखने की आवश्यकता है जिसमें एक वर्ग / आईडी है इसके साथ जुड़े (इस उदाहरण के लिए, इसमें 'इंस्पेक्ट-मी' नाम का एक वर्ग है), आप अपना JQuery बदल सकते हैं:

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

1
इस अच्छा काम कर सकते हैं, सवाल कहा एंड्रॉयड वेब ब्राउज़र में - नहीं से । पीसी का उपयोग करके स्रोत प्राप्त करने के बहुत आसान तरीके हैं - जैसे कि फ़ायरफ़ॉक्स में Ctrl-U दबाने;)
Iz15

2

यदि आप अपने एड्रेस बार में एक ओपेरा ब्राउज़र टाइप कर रहे हैं, तो सुनिश्चित करें कि आप http और अन्य सामान मिटाएँ, फिर टाइप करें:

server:source

आपके द्वारा खोले गए पृष्ठ के पते में।


हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.