ทดสอบ Multi-timezone ง่าย ๆ ด้วย Chrome DevTools

ถ้าระบบของเรารองรับ Multi-timezone การทดสอบให้ครบทุก Timezone ก็เป็นสิ่งสำคัญ หลายคนอาจจะเคยใช้วิธีเปลี่ยน Timezone ของเครื่องโดยตรง ซึ่งยุ่งยากและอาจกระทบกับแอปอื่น ๆ

วันนี้ขอแนะนำวิธีที่สะดวกกว่า คือการเปลี่ยน Timezone ผ่าน Chrome DevTools โดยตรง ไม่ต้องยุ่งกับการตั้งค่าระบบเลย

วิธีเปลี่ยน Timezone ด้วย Chrome DevTools

0. ตรวจสอบ Timezone ปัจจุบัน

   จะเห็นว่าตอนนี้ผมอยู่ที่ UTC+7 (Asia/Bangkok) เดี๋ยวจะลองเปลี่ยนเป็น Timezone ของประเทศญี่ปุ่น (UTC+9)

1. เปิด Chrome DevTools

   กด F12 หรือคลิกขวาเลือก Inspect

2. เปิดเมนู Sensors

   กดปุ่ม ... (สามจุดมุมขวาบนของ DevTools) เลือก More tools > Sensors

3. เปลี่ยน Location และ Timezone

   ที่แถบล่างสุดจะมีหัวข้อ “Location” เปลี่ยนจาก No override เป็นเมืองที่ต้องการ เช่น Tokyo จะเห็นว่า Timezone ID เปลี่ยนเป็น Asia/Tokyo ทันที

4. Refresh หน้าเว็บ

   กด Refresh เพื่อให้เว็บโหลดข้อมูลใหม่ จะเห็นว่าเวลาบนเว็บเปลี่ยนเป็นเวลาของ Timezone ที่เลือก

5. เปลี่ยน Location อื่น ๆ ได้ด้วย

   นอกจาก Timezone แล้ว ยังสามารถเปลี่ยน Latitude/Longitude เพื่อจำลองตำแหน่งที่ตั้งได้ด้วย เช่น เลือก Tokyo แล้ว Marker บนแผนที่ก็จะปักที่ญี่ปุ่น

6. กลับมาใช้ Timezone เดิม

   หากต้องการกลับมาใช้ Timezone ของเครื่อง ให้เปลี่ยน Location กลับเป็น No override เท่านั้น

สรุป

การเปลี่ยน Timezone ผ่าน Chrome DevTools ช่วยให้ทดสอบระบบที่เกี่ยวข้องกับเวลาได้ง่ายขึ้น ไม่ต้องยุ่งกับการตั้งค่าระบบหลัก และยังสามารถจำลอง Location ได้อีกด้วย เหมาะมากสำหรับ Developer และ QA ที่ต้องทดสอบหลายประเทศ

ขอบคุณครับ