วิธี Check Orientation ของหน้าจอ iPad
ผมมีโจทย์คือให้ทำเว็บที่ทำอยู่เนี่ย ให้ใช้งานบน iPad ได้ ซึ่ง ผมก็แก้ Design ให้ Responsive ไปหมดละ และ ก็เปลี่ยน js Syntax ไปบ้าง เพราะว่าตัว iOS10 บางฟีเจอก็ตามไม่ทัน เลยต้อง Convert Code ลงไป ES5 พวก Arrow Function, let อะไรพวกนี้ก็ไล่เปลี่ยนหมด และ ทีนี้ ผมก็ต้องเขียนโค้ตเช็คว่า ตอนนี้ iPad มันอยู่ในโหมดไหน Portrait หรือ Lanscape จริงๆ จะให้ตัว CSS จัดการเรื่องพวกนี้เองก็ได้นะ แต่ผมไม่มีเวลาไปแกะ CSS ของ Template ขนาดนั้น ก็เลยต้องใช้ js ไป click ปุ่ม ซ่อน menu 5555 ดูเป็นวิธีที่คิดน้อยเนาะ แต่เอาเถอะ output คือ อยากซ่อนเมนูแค่นั้น และ นี้ก็คือตัวอย่างโค้ตครับ function _IsLandScapeMode() นี้เอาไว้เช็คว่า ตอนนี้ Orientation ของอุปกรณ์ที่รันเว็บเรา ทำงานอยู่ใน LansCapeMode หรือไม่ ? ถ้าใช่ ผมก็จะสั่งให้มัน Click Menu เพื่อซ่อนครับ อาจจะดู งงๆ ทำไมต้อง 90 อาศา ให้ภาพข้างล่างอธิบายนะครับ ขอมูลเพิ่มเติมที่ .... Ref : http://www.williammalone.com/articles/html5-javascript-ios-orientat...