รู้จักกับ vConsole
vConsole เป็นเครื่องมือที่ทำให้เราดู log ต่างๆ ได้บนมือถือแบบง่ายๆ เหมาะกับการ debug หน้าเว็บใน mobile browser โดยที่เราไม่ต้องเสียเวลาย้ายไปดูบนคอมพิวเตอร์เลย และมีฟีเจอร์ครบ ไม่ใช่แค่ log อย่างเดียว vConsole ยังช่วยดู network, storage และข้อมูลอื่นๆ ได้ด้วย
วิธีติดตั้งและใช้งาน
ขั้นตอนที่ 1: ติดตั้ง vConsole
npm i vconsole
ขั้นตอนที่ 2: เรียกใช้งานในโปรเจค
ในไฟล์ JavaScript ของคุณ แค่ import แล้วสร้าง instance ของ vConsole แบบนี้เลย
import VConsole from 'vconsole';
new VConsole();
แค่นี้ vConsole ก็จะเปิด console บนหน้าเว็บมือถือของเรา พร้อมให้ดู log ได้ทันที
สรุปง่ายๆ
ถ้าใครที่พัฒนาเว็บแล้วต้องทดสอบบนมือถือหรือบน WebView ก็ใช้งาน vConsole ได้ ช่วยทำให้เราเห็น log ได้จากมือถือโดยตรง ติดตั้งก็ง่าย แถมไม่ต้องมานั่งเชื่อมต่อมือถือกับคอมเพื่อดู log แล้ว
ลิงก์เพิ่มเติม: ไปดู vConsole เพิ่มเติมได้ที่ npm