chrome1

การ Inspect Element เป็นสิ่งที่คนทำเว็บทุกคนต้องใช้เป็น เพราะมันง่ายกว่าการเดาว่าปัญหาเกิดจากอะไร > ไปแก้โค้ด > รีเฟรชดูใหม่
การ Inspect Element ทำให้ชีวิตของคนทำเว็บง่ายขึ้น เราสามารถทดลองแก้ไขหน้าเว็บ เพื่อดูผลลัพธ์สดๆ ได้เลย
เมื่อแก้จนพอใจแล้วก็กลับไปทำซ้ำในโค้ดจริงๆ อีกที

แต่มันดันติดปัญหาที่ เรา Inspect Element ได้เฉพาะในคอมพิวเตอร์เท่านั้น ในขณะที่ตอนนี้เข้าสู่ยุค Mobile Phone เรียบร้อย
Developer บางคนก็ใช้วิธีย่อจอทำงานเอาแทน ซึ่งก็พอถูไถไปได้ ถ้าไม่เจออะไรแปลกๆ

แต่มันดันเจออะไรแปลกๆ อยู่เป็นประจำ… ฮือๆ T_T
เราก็ทำได้แค่ก้มหน้ารับชะตากรรม ใช้วิธียุคหิน เดาว่าปัญหาเกิดจากอะไร > ไปแก้โค้ด > รีเฟรชดูใหม่ วนลูปไปเรื่อยๆ

ในที่สุด (ปลายปีที่แล้ว) สวรรค์ก็ทรงโปรด ส่ง Chrome Dev Tool มาให้ใช้ ทำให้เราสามารถ Inspect Element หน้าเว็บบนมือถือได้เสียที
แต่ก่อนอื่นเราต้อง set up กันซักหน่อย ไม่ยากๆ 5 นาทีเสร็จ (ถ้าเน็ตไว 55)

อ่านต่อ