สัมผัสกับ iPad UI บนพีซีของคุณ

ต้องการทดสอบขับ iPad โดยไม่ต้องมุ่งหน้าไปที่ Apple store หรือไม่ นี่คือวิธีที่คุณจะได้สัมผัสกับ UI ของ iPad โดยตรงจากเบราว์เซอร์ของคุณ!

iPad เป็นอุปกรณ์ล่าสุดจาก Apple เพื่อสร้างความฮือฮาให้กับโลกแห่งเทคโนโลยีและผู้คนก็รอคอยตลอดทั้งคืนเพื่อเป็นหนึ่งในคนแรกที่เข้ามามีส่วนร่วม ด้วยเคล็ดลับง่ายๆของ JavaScript คุณสามารถรับรู้ถึงคุณสมบัติใหม่ของมันได้โดยไม่ต้องออกจากคอมพิวเตอร์ นี่จะไม่ให้คุณลองทำทุกอย่างบน iPad แต่จะช่วยให้คุณเห็นว่ารายการใหม่และเมนูแบบผุดขึ้นเหมือนที่ทำในแอพใหม่.

ทดสอบ UI ของ iPad จากเบราว์เซอร์ของคุณ

โดยปกติไลบรารี่สำหรับนักพัฒนาของ Apple iPhone ออนไลน์จะดูเหมือนหน้าเว็บมาตรฐาน.

แต่บน iPad มันดูเหมือนและให้ความรู้สึกเหมือนแอพ iPad ดั้งเดิมที่เต็มเปี่ยม ด้วยเคล็ดลับจาวาสคริปต์ที่ดีจาก boredzo.org คุณสามารถใช้อินเทอร์เฟซเดียวกันนี้บนพีซีของคุณ เนื่องจาก iPad ใช้เบราว์เซอร์ Safari เราจึงทำการทดสอบนี้ใน Safari สำหรับ Windows หากคุณยังไม่ได้ติดตั้งคุณสามารถดาวน์โหลดได้จาก Apple (ลิงค์ด้านล่าง) และตั้งค่าตามปกติ.

ตอนนี้เปิด Safari แล้วเรียกดูหน้าผู้พัฒนาของ Apple ที่:

http://developer.apple.com

ตอนนี้ป้อนต่อไปนี้ในแถบที่อยู่แล้วกด Enter.

javascript: localStorage.setItem ('debugSawtooth', 'true')

สุดท้ายให้คลิกที่ลิงค์นี้เพื่อไปที่เอกสารประกอบของ iPhone OS.

http://developer.apple.com/iphone/library/iPad/

หลังจากหน่วงเวลาสั้น ๆ ก็ควรเปิดในสไตล์เต็มรูปแบบของ iPad!

เมนูด้านซ้ายทำงานเหมือนกับเมนูบน iPad พร้อมด้วยการเปลี่ยน มันให้ความรู้สึกเหมือนแอปพลิเคชันดั้งเดิมทั้งหมดแทนที่จะเป็นหน้าเว็บ ในการเลื่อนดูข้อความให้คลิกและดึงขึ้นหรือลงคล้ายกับวิธีที่คุณใช้บนหน้าจอสัมผัส.

บางหน้ายังมีเมนูแบบผุดขึ้นเช่นที่แอพ iPad ใหม่ ๆ ใช้.

โปรดทราบว่าหน้าจะแสดงผลตามขนาดของเบราว์เซอร์ของคุณและหากคุณปรับขนาดหน้าต่างหน้าจะไม่ปรับขนาดด้วย เพียงกด F5 เพื่อโหลดหน้าซ้ำและมันจะปรับขนาดให้พอดีกับขนาดหน้าต่างใหม่ หากคุณปรับขนาดหน้าต่างให้สูงและแคบเช่นเดียวกับ iPad ในโหมดแนวนอนเว็บเพจจะเปลี่ยนและเมนูด้านซ้ายจะหายไปแทนเมนูแบบเลื่อนลงเช่นเดียวกับที่คุณหมุน iPad.

สิ่งนี้สามารถใช้งานได้ใน Chrome เช่นเดียวกับ Safari เช่นเดียวกับ Webkit อย่างไรก็ตามดูเหมือนว่ามันจะไม่ทำงานในการทดสอบของเราใน Firefox หรือเบราว์เซอร์อื่น ๆ.

ก่อนหน้านี้เราได้กล่าวถึงวิธีที่คุณจะได้สัมผัสกับ UI บางส่วนของ iPhone ด้วยคู่มือผู้ใช้ iPhone ออนไลน์ ลองดูสิถ้ายังไม่ได้ทำ:

ดูเว็บไซต์มือถือใน Windows ด้วยเครื่องมือสำหรับนักพัฒนา Safari 4

ข้อสรุป

แม้ว่านี่จะไม่อนุญาตให้คุณลองใช้อินเทอร์เฟซทั้งหมดของ iPad แต่อย่างน้อยมันก็ให้คุณได้ลิ้มลองว่ามันทำงานอย่างไร มันน่าตื่นเต้นที่ได้เห็นว่าฟังก์ชั่นสามารถบรรจุลงใน webapps ได้แล้วในวันนี้ และอย่าลืมว่า How-to Geek มอบ iPad ให้แฟน ๆ แบบสุ่ม! ตรงไปที่หน้า Facebook ของเราและแฟน How-to Geek ถ้าคุณยังไม่ได้ทำ.

รับรางวัล iPad บนหน้าแฟนเพจ Facebook How-To Geek