ฉันจะดูแหล่งข้อมูลในเบราว์เซอร์ Android ได้อย่างไร

มีวิธีดู HTML ต้นทางในเว็บเบราว์เซอร์ Android หรือไม่?

คุณสามารถใช้alertวิธีของ Javascript เพื่อส่งคืนซอร์สโค้ดพิมพ์ในแถบที่อยู่:

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

ใน Firefox หรือ Chrome บน Android เป็นไปได้ที่จะดูแหล่งที่มาโดยนำหน้า URL ในแถบที่อยู่ด้วย " view-source:" คือ " view-source:http://google.com"

มองหาแอพที่เรียกว่าView Web Sourceในตลาดและติดตั้ง

จากนั้นเมื่อเรียกดูให้เปิดเมนูของคุณแล้วแตะ "แชร์" ในรายการที่ปรากฏขึ้นให้เลือกดูที่มาของเว็บ

แอพที่กล่าวถึงในคำตอบนี้ยังไม่ได้รับการอัปเดตตั้งแต่ปี 2009

คุณอาจต้องการที่จะลองVT มาดู

เครื่องมืออีกอย่างที่มีประโยชน์สำหรับการดูแหล่งที่มาและการแก้ไขพวกมันแบบสดๆในลักษณะคล้าย Firebug / Web Inspector คือตัวดีบักเกอร์ระยะไกลweinre

สร้างบุ๊คมาร์คใหม่ (bookmarklet) บน Mobile Chrome ด้วย:

ชื่อ: ดูแหล่งที่มา (vs)

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

ตอนนี้เมื่ออยู่บนหน้าเว็บให้แตะช่องที่อยู่และเริ่มพิมพ์: เทียบกับที่คั่นหน้าควรจะปรากฏขึ้นคลิกมันและคุณก็พร้อม

ในโครเมี่ยมมีสิ่งอำนวยความสะดวกการดีบักระยะไกล หากคุณติดตั้ง Chrone บนโทรศัพท์ของคุณ หากคุณเชื่อมต่อโทรศัพท์ของคุณผ่าน usb ไปยังพีซีคุณสามารถดูแหล่งที่แก้ไข Javascript บนพีซีของคุณในเบราว์เซอร์ Chrome

ดูจุดสิ้นสุดของhttp://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/ ที่สิ้นสุด

หากนี่เป็นการแก้จุดบกพร่อง (จากความคิดเห็นของคุณดูเหมือนจะเป็น) สิ่งที่ดียิ่งขึ้นคือการติดตั้งส่วนขยายตัวสลับตัวแทนผู้ใช้สำหรับ Firefox หรือ Chrome บนเดสก์ท็อปของคุณ เปลี่ยนตัวแทนผู้ใช้เป็น Android และคุณจะได้รับเวอร์ชันมือถือของไซต์ แต่ด้วยแหล่งข้อมูลและเครื่องมือในการดีบักที่คุณคุ้นเคย

คุณสามารถจับภาพแหล่งที่มาไปยังเชลล์ของคุณหรือไปยังไฟล์ข้อความหากคุณใช้อีมูเลเตอร์ซึ่งเป็นประโยชน์อย่างมากสำหรับการพัฒนา ในการทำเช่นนี้คุณจะต้องติดตั้งเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Android ซึ่งมาพร้อมกับ adb เปิดไฟตัวจำลองของคุณจากนั้นเชลล์ของระบบปฏิบัติการของคุณให้เรียกใช้คำสั่ง:

adb logcat browser:V *:S

สิ่งนี้จะเอาท์พุทอะไรก็ได้จากแอพเบราว์เซอร์บนอีมูเลเตอร์ของคุณและระงับข้อความบันทึกอื่น ๆ จากนั้นคำสั่ง javascript console.log ใด ๆ จะถูกบันทึกโดย adb และเอาท์พุทเพื่อให้คุณดู ดังนั้นหากคุณกำลังใช้ JQuery คุณสามารถเพิ่มสิ่งนี้ลงในหน้าของคุณและมันจะส่งออกทั้งหน้า html ไปยังบันทึก:

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

สิ่งนี้จะเอาท์พุททุกอย่างภายในแท็ก html ของคุณบนหน้าไปยังบันทึก

คุณสามารถจับเอาท์พุทบันทึกของคุณ (โดยใช้ BASH อย่างน้อยฉันก็ไม่สามารถพูดกับเชลล์อื่นได้) ด้วย:

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

ตอนนี้เอาต์พุตใด ๆ จากบันทึกจะถูกทิ้งลงในไฟล์ log.txt ของคุณ สิ่งนี้มีประโยชน์จริง ๆ สำหรับ HTML ทั้งหน้าเนื่องจากคุณสามารถค้นหาได้เหมือนกับที่คุณทำกับเอกสารข้อความอื่น ๆ

หากคุณต้องการคว้าบิตของหน้าเว็บมากกว่าทุกสิ่งคุณสามารถระบุส่วนนั้นของหน้าได้มากกว่าแท็ก html ใน JQuery ของคุณดังนั้นหากคุณต้องการดู div เดียวที่มี class / id เชื่อมโยงกับมัน (สำหรับตัวอย่างนี้มีคลาสที่ชื่อว่า 'inspect-me') คุณสามารถเปลี่ยน JQuery เป็น:

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

หากคุณใช้เบราว์เซอร์ Opera ให้พิมพ์สิ่งนี้ในแถบที่อยู่ของคุณตรวจสอบให้แน่ใจว่าคุณลบ http และสิ่งอื่น ๆ จากนั้นพิมพ์:

server:source

ในที่อยู่ของหน้าที่คุณเปิด

หากคุณต้องการดูแหล่งที่มาของหน้าเบราว์เซอร์ Android หรือหน้าตรวจสอบคุณสามารถใช้https://developer.chrome.com/devtools/docs/remote-debugging เครื่องมือ ตรวจสอบที่ดีมาก