console.log(‘???’) ใช้ประโยชน์อย่างไร

มีหลายๆ ครั้งที่เวลาที่เราเขียน โปรแกรม JavaScript แล้วต้องการที่จะทำการ Debug ค่าหรือต้องการที่จะดูความถูกต้องเราอาจใช้ Alert(); ค่าออกมาดูหรือใช้คำสั้ง Debugger แต่ถ้าค่าเหล่านั้นมีจำนวนมากและเป็นค่าที่ต่อเนื่องกัน มันค่อนข้างที่จะเสียเวลาในการที่จะมานั้ง Debug ในแบบวิธีเดิมซึ่งผมขอแนะนนำให้ใช้ console.log();

console.log("Logged!");

ซึง่คำสั่งด้านบนเป็นการเขียนค่าไว้ที่ส่วนของ console ของแต่ละ Browser ซึ่งสามารถให้ Script ของเราทำงานได้อย่างไม่สะดุจ

ลองดูตัวอย่างด้านล่าง

 for (var i = 1; i <= 10; i++) 
    {
    console.log("Logged! : "+i);
    };

LogLoop

เราสามารถ Debug ค่าทีเดียวเลยโดยไม่สะดุจ

วิธีการดู console ของแต่ละ Browser

compatible_ie  internet explorer 

1 ให้ทำการกด F12

2 ให้เลือกที่ console

Ie_Console

 

compatible_chrome Google Chrome

1 ให้คลิกขวาภายใน Browser และเลือก ตรวจสอบองค์ประกอบ หรือ inspect element

chomeConsole1

2 ให้เลือกที่ console

chomeConsole2

compatible_firefox  Mozilla Firefox

1 ให้คลิกขวาภายใน Browser และเลือก ตรวจสอบองค์ประกอบ หรือ inspect element

firefoxConsole1

 

2 ให้เลือกที่ console

firefoxConsole2

 

compatible_opera  Opera

1 ให้คลิกขวาภายใน Browser และเลือก ตรวจสอบองค์ประกอบ หรือ inspect element

OperaConsole1

 

2 ให้เลือกที่ console

OperaConsole2

 

 

 

 

 

 

compatible_safari  Safari

1 ให้ทำการเลือก  Option และเลือก Preference

safariConsole1

 

 

2 เลือก Tab Advanced และ Check Box >> Show Develop menu in menu bar.

safariConsole1_1

3 ให้คลิกขวาภายใน Browser และเลือก ตรวจสอบองค์ประกอบ หรือ inspect element

safariConsole2

4  ให้เลือกที่ console

safariConsole3

 

หวังว่าคงมีประโยชน์บ้างนะครับ

Leave a Reply