แอปพลิเคชัน AngularJS ทำงานได้ดีบนเดสก์ท็อป แต่แสดงผลไม่ถูกต้องบนมือถือ (รหัสจริงกำลังแสดง) นี่เป็นโทรศัพท์ Android
ฉันต้องการดูข้อผิดพลาดที่แสดงในคอนโซล
เป็นไปได้ไหมที่จะเปิดคอนโซล JS บนแอป chrome บนมือถือ (เหมือนบนเดสก์ท็อป)?
แอปพลิเคชัน AngularJS ทำงานได้ดีบนเดสก์ท็อป แต่แสดงผลไม่ถูกต้องบนมือถือ (รหัสจริงกำลังแสดง) นี่เป็นโทรศัพท์ Android
ฉันต้องการดูข้อผิดพลาดที่แสดงในคอนโซล
เป็นไปได้ไหมที่จะเปิดคอนโซล JS บนแอป chrome บนมือถือ (เหมือนบนเดสก์ท็อป)?
คำตอบ:
คุณสามารถทำได้โดยใช้การแก้จุดบกพร่องระยะไกลที่นี่เป็นเอกสารอย่างเป็นทางการ กระบวนการพื้นฐาน:
*
จากเครื่องมือ dev บนพีซี / mac*
นี่คือตอนนี้ "อุปกรณ์ระยะไกล"
เมื่อคุณไม่มีพีซีในมือคุณสามารถใช้ Eruda ซึ่งเป็น devtools สำหรับเบราว์เซอร์มือถือhttps://github.com/liriliri/eruda
มันมีให้ในรูปแบบจาวาสคริปต์ที่สามารถฝังได้และ bookmarklet (การวาง bookmarklet ใน chrome จะลบ javascript: คำนำหน้าดังนั้นคุณต้องพิมพ์ด้วยตัวคุณเอง)
eruda-webpack-plugin
เข้ากับโครงการหนึ่งแล้ว: npm i eruba-webpack-plugin --save-optional
.
ฉันต้องการเห็นสิ่งที่ถูกพิมพ์ในคอนโซลคุณสามารถเพิ่มส่วน "พิมพ์" ที่ไหนสักแห่งใน HTML ของคุณเพื่อที่มันจะปรากฏบนหน้าเว็บ คุณสามารถทำได้ด้วยตัวเอง แต่มีไฟล์จาวาสคริปต์ที่ใช้สำหรับคุณ คุณสามารถอ่านได้ที่นี่:
http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/
รหัสนี้มาจาก Github ; คุณสามารถดาวน์โหลดและวางลงในไฟล์ javascipt และเพิ่มลงใน HTML ของคุณ
mobileConsole.init()
มัน เคล็ดลับนั้นช่วยในกรณีของฉัน YMMV
if (!mobileConsole.status.initialized) { mobileConsole.init(); }
"
โปรดทำสิ่งที่คุณโปรดปรานและเพียงกดปุ่มง่าย ๆ :
ดาวน์โหลดWeb Inspector (Open Source)จาก Play store
CAVEAT: ATTOW, เอาท์พุทคอนโซลไม่ยอมรับ params ที่เหลือ! คือถ้าคุณมีอะไรเช่นนี้:
console.log('one', 'two', 'three');
คุณจะเห็นเท่านั้น
หนึ่ง
เข้าสู่คอนโซล คุณจะต้องห่อ params ใน Array และเข้าร่วมด้วยตนเองดังนี้:
console.log([ 'one', 'two', 'three' ].join(' '));
เพื่อดูผลลัพธ์ที่คาดหวัง
แต่แอพนี้เป็นโอเพ่นซอร์ส ! แพทช์อาจใกล้เข้ามา ! Patcher อาจเป็นคุณ!
Kiwi Browser เป็น Chromium สำหรับมือถือและอนุญาตให้ติดตั้งส่วนขยายได้ ติดตั้งกีวีแล้วติดตั้งส่วนขยาย Chrome "คอนโซลมินิ JS" (เพียงค้นหาใน Google และติดตั้งจากเว็บไซต์ส่วนขยายของ Chrome แล้ว uBlock ยังใช้งานได้) มันจะพร้อมใช้งานในเมนูกีวีที่ด้านล่างและจะแสดงเอาต์พุตคอนโซลสำหรับหน้าปัจจุบัน
คุณอาจลองใช้ Gear Browser มันสามารถตรวจสอบองค์ประกอบและตรวจแก้จุดบกพร่องเว็บไซต์บนมือถือ