ฉันจะจำลองเบราว์เซอร์ของอุปกรณ์มือถือเพื่อทดสอบเว็บไซต์บนเดสก์ท็อปได้อย่างไร [ปิด]


25

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

ฉันรู้ว่ามันจะไม่สมบูรณ์แบบ (โดยเฉพาะอย่างยิ่งถ้าไม่มีหน้าจอสัมผัสที่แท้จริง) แต่การมีเครื่องมือในเครื่องพัฒนาของเราเพื่อทำสิ่งที่การทดสอบที่เราสามารถทำได้นั้นจะมีประโยชน์มาก


คำตอบ:


20

มีรอบของพวกเขาในMashable (ส่วนที่สอง)

iBBDemo2 - แอพ Adobe Air นี้จะช่วยให้คุณเห็นเนื้อหาเหมือนที่ปรากฏบน iPad และบน iPhone การสนับสนุนสำหรับ Android มีรายงานว่าจะมาเร็ว ๆ นี้ แอปช้าเล็กน้อย แต่ใช้งานได้ดีแสดงผลลัพธ์ที่แม่นยำสำหรับอุปกรณ์ iOS เพียงชี้แอปไปยังไซต์มือถือทดสอบของคุณ

Android SDK - Android SDK มาพร้อมกับอุปกรณ์จำลองของตัวเองเพื่อให้คุณสามารถดูว่าเว็บไซต์จะปรากฏบนโทรศัพท์มือถือ Android ได้อย่างไร ตรวจสอบคำแนะนำเหล่านี้สำหรับการติดตั้ง SDK Android บนMacหรือของ Windows

หน้าการพัฒนาเว็บแบล็คเบอร์รี่ - หน้านี้ให้คุณเข้าถึงตัวจำลอง BlackBerry และรวมถึงเคล็ดลับในการออกแบบสำหรับอุปกรณ์ BlackBerry

Symbian S60 SDKs - เว็บไซต์ของ Nokia มีข้อมูลเกี่ยวกับแพลตฟอร์ม S60 และอีมูเลเตอร์ที่มีอยู่

Opera Mini Emulator - Opera มีเบราว์เซอร์มือถือรุ่นเดสก์ท็อปและทรัพยากรมากมายเกี่ยวกับการออกแบบสำหรับ Opera Mobile ข้ามแพลตฟอร์ม

ยังมีการใช้Virtual PC 2007คุณสามารถติดตั้งWindows Mobile Emulator


5

คุณสามารถใช้ Safari กับเมนูที่เลือก: พัฒนา -> ตัวแทนผู้ใช้ -> Iphone / iPod / iPad เพื่อจำลองการทดสอบในอุปกรณ์ iPhone / iPod / iPad

ใน Firefox คุณสามารถเพิ่มปลั๊กอิน FireMobileSimulator เพื่อจำลองการทดสอบในมือถือญี่ปุ่นบางรุ่น (Docomo, Softbank, ... )


2
สำหรับ Safari แล้ว Chrome ก็มีคุณสมบัตินี้เช่นกัน เปิดเครื่องมือสำหรับนักพัฒนาแล้วกดฟันเฟือง - มุมล่างขวา มีตัวเลือกสำหรับตัวแทนผู้ใช้และความละเอียดที่หลากหลาย
Lazlow



1

ตรวจสอบhttp://quirktools.com/screenfly/ มันช่วยให้คุณเลือกขนาดหน้าจอและเลียนแบบสตริงตัวแทนผู้ใช้



0

มีวิธีแก้ไขปัญหาบางอย่างที่ช่วยให้คุณสามารถทดสอบอุปกรณ์จริงจากระยะไกลได้

โซลูชั่นฟรี

โซลูชั่นเชิงพาณิชย์


1
คุณอาจชอบ Adobe Shadow - labs.adobe.com/technologies/shadowและ MobilePerf stevesouders.com/mobileperf
Metalshark

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.