ฉันควรกำหนดเป้าหมายเบราว์เซอร์ขั้นต่ำหรือความละเอียดหน้าจอใดเป็นเว็บแอป

เมื่อทำการตัดสินใจเกี่ยวกับข้อกำหนดขั้นต่ำสำหรับเว็บแอปพลิเคชันบนเครื่องไคลเอนต์:

1. เบราว์เซอร์ - เบราว์เซอร์ใดควรมีเป้าหมายอย่างน้อยที่สุด
2. ความละเอียดหน้าจอ - ความละเอียดของหน้าจอใดควรมีเป้าหมายอย่างน้อยที่สุด

เพื่อให้มั่นใจว่าการใช้งานของแอปพลิเคชันจะไม่ถูกทำลาย

W3Schools (ตัวอย่าง) มีสถิติบางอย่างเกี่ยวกับการแสดงเบราว์เซอร์ ณ วันที่มกราคม 2010:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

ตัวเลขที่สูงขึ้นเชื่อมโยงไปยังตารางใหม่ จากตัวเลขดูเหมือน 1024x768 เป็นความละเอียดหน้าจอขั้นต่ำที่มีประสิทธิภาพ อย่างไรก็ตามคุณควรจำไว้ว่าไม่ใช่ทุกคนที่ใช้เบราว์เซอร์ในโหมดเต็มหน้าจอ

นอกจากนี้ยังมีหน้าสถิติเบราว์เซอร์ เบราว์เซอร์ถูกแยกย่อยตามรุ่น (เช่นFirefox ) ด้วยเบราว์เซอร์เช่น Firefox และ Chrome ดูเหมือนว่าส่วนใหญ่ใช้เวอร์ชันล่าสุด (ไม่ใช่รุ่นเบต้า) ฉันสงสัยว่านี่เป็นเพราะพวกเขาอัปเดตอัตโนมัติ

มีเว็บไซต์สถิติทั่วไปอื่น ๆ ที่มีให้ใช้งานมากขึ้นและคุณควรปรึกษากับช่วงต่างๆเพื่อให้ได้ภาพที่ดีขึ้นเกี่ยวกับการใช้เบราว์เซอร์และความละเอียดหน้าจอทั่วทั้งอินเทอร์เน็ต

แทนที่จะกำหนดเบราว์เซอร์และการแก้ปัญหาเฉพาะเจาะจงฉันจะเริ่มต้นด้วยสมมติฐานที่ว่าคุณต้องการให้เว็บไซต์ของคุณสามารถใช้งานได้โดยผู้ใช้ที่หลากหลายที่สุดเท่าที่จะเป็นไปได้ พยายามทำให้สิ่งต่าง ๆ ปรับให้เข้ากับขนาดหน้าจอที่แตกต่างกันและทำงานในเบราว์เซอร์ทั้งหมด ที่กล่าวว่าฉันคิดว่ามันปลอดภัยที่จะถือว่า 1024x768 สำหรับการเรียกดูเดสก์ทอป

สถิติทั่วโลกที่มากขึ้นบ่งชี้ว่า1024x768เป็นวิธีการแก้ปัญหาที่ได้รับความนิยมสูงสุดอย่างไรก็ตามการกระจายตัวของผู้ใช้แตกต่างกันมาก โปรดทราบด้วยว่าเน็ตบุ๊กพวกเขาคิดว่ากำลังช่วยกัน800x600อยู่

ในเบราว์เซอร์ที่ทันสมัยคุณสามารถกำหนดเป้าหมายช่วงที่มีสื่อแบบสอบถาม พวกเขายอดเยี่ยม สมมติว่าคุณไม่สนใจ IE - แม้ว่า IE9 จะให้การสนับสนุนพวกเขาก็ตาม ความคิดเห็นแบบมีเงื่อนไขสามารถใช้ในการส่งความละเอียดต่ำสุดที่พบได้ทั่วไปไปยัง IE หรือ JavaScript สามารถใช้เพื่อโหลดสไตล์ชีตแบบไดนามิก กำลังโหลด CSS ผ่าน JavaScript แบบไดนามิกคือในความคิดของฉันเป็นที่น่ากลัวความคิด

นักออกแบบเว็บไซต์ชื่อ Jon Hicks เพิ่งออกแบบเว็บไซต์ของเขาใหม่โดยใช้พวกเขาไปที่นั่นและเปลี่ยนขนาดของหน้าต่างเบราว์เซอร์ของคุณเพื่อดูตัวอย่างการทำงานของพวกเขา มีเลย์เอาต์ตั้งแต่ 1 ถึง 4 คอลัมน์ขึ้นอยู่กับความกว้างสูงสุดของวิวพอร์ตปัจจุบันของคุณ

Media Queries ช่วยให้คุณไม่ต้องกังวลกับเรื่องต่างๆเช่น "เว็บไซต์ของฉันจะรองรับ iPhone และ iPad หรือไม่" หรือ "ฉันจะกำหนดขนาดหน้าจอของอุปกรณ์ X เพื่อรักษาความสามารถในการใช้งานได้อย่างไร" คุณเพียงสร้างการออกแบบสำหรับขนาดหน้าจอมากเท่าที่คุณต้องการสนับสนุนและ Media Queries จะดูแลส่วนที่เหลือขึ้นอยู่กับเบราว์เซอร์ของผู้ใช้เมื่อพวกเขาไปถึงที่นั่น

คุณสามารถใช้การตัดสินใจของสถิติล่าสุดเกี่ยวกับการใช้การแก้ปัญหา หากคุณต้องการหมายเลขทั่วไปคุณสามารถค้นหาได้จากNet Applicationsและหากคุณต้องการข้อมูลที่แม่นยำคุณสามารถใช้ Google Analytic บนเว็บไซต์ของคุณ

สิ่งแรกที่คุณต้องทำคือกำหนดกลุ่มประชากรเป้าหมายที่จะใช้แอปเว็บของคุณ ตัวอย่างเช่นหากคุณกำหนดเป้าหมายไปยังผู้ชมในสหรัฐอเมริกา / ยุโรปที่มีฐานะร่ำรวย (เช่นการขายผลิตภัณฑ์ระดับไฮเอนด์หรือเว็บไซต์นิตยสารไฮเทค) คุณจะมีข้อกำหนดที่แตกต่างจากกรณีที่คุณกำลังทำเว็บ แอพที่มีวัตถุประสงค์เพื่อผู้สูงอายุผู้คนในประเทศที่พัฒนาน้อยกว่า ฯลฯ โดยที่พีซีเก่าและความละเอียดต่ำยังคงเหนือกว่า ยกตัวอย่างเช่นฉันรู้จากประสบการณ์ว่าลูกค้าของรัฐบาลท้องถิ่นในสหราชอาณาจักรยังคงใช้ความอัปยศในการใช้ IE6 เป็นเบราว์เซอร์ตัวเดียวเท่านั้นซึ่งอาจเป็นปัจจัยสำคัญหากพวกเขาเป็นลูกค้าของคุณ

จากนั้นคุณต้องคำนึงถึงว่าหลาย ๆ คนเข้าถึงเว็บไซต์บนอุปกรณ์พกพา - สมาร์ทโฟนเน็ตบุ๊คแท็บเล็ตและอื่น ๆ สิ่งเหล่านี้อาจมีความละเอียด "แปลก" หรือมีเปอร์เซ็นต์ของผู้ใช้เบราว์เซอร์ที่สูงขึ้นเช่น Safari, Chrome และ Opera Mobile พวกเขาสามารถมีข้อกำหนดการช่วยสำหรับการเข้าถึงที่แตกต่างกันหรืออาจต้องการสไตล์ชีทที่แตกต่างกัน

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

ตรวจสอบสถิติส่วนแบ่งตลาดเบราว์เซอร์ทั่วโลก

คำถามนี้แสดงรายการแหล่งข้อมูลที่ครอบคลุมเพื่อค้นหาส่วนแบ่งตลาดเบราว์เซอร์ทั่วโลก

นี่คือค่าเฉลี่ย 3 อันดับแรกของStatOwl :

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

นี่คือค่าเฉลี่ย 3 2010 อันดับต้น ๆ สำหรับการใช้งานเน็ต :

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

ตามข้อมูลความละเอียดขั้นต่ำของคุณควรเป็น 1024x768 แต่ขึ้นอยู่กับกลุ่มประชากรของคุณด้วย

หากเว็บไซต์ของคุณมุ่งเน้นไปที่กลุ่มเป้าหมายที่มีจำนวนมากกว่า 800x600 เครือข่ายองค์กรจำนวนมากยังคงใช้งานฮาร์ดแวร์รุ่นเก่าจริง ๆ กับ Windows 2000 หากนั่นคือฐานผู้ใช้ที่คุณกำหนดเป้าหมายการใช้ 'บรรทัดฐานปัจจุบัน' ของความละเอียดหน้าจออาจทำให้ผู้ชมของคุณกลายเป็นคนแปลกหน้า

http://isie6dead.com/แม้ว่าลิงก์นี้จะมีพลังมากขึ้นในหนึ่งสัปดาห์ที่ผ่านมา แต่จุดที่มีอยู่ก็ยังคงใช้ได้: มีเบราว์เซอร์ IE6 มากเกินไปและจะยังคงมีอยู่ในทศวรรษหน้า

สำหรับโครงการส่วนตัวของฉันถ้าคุณใช้ IE6 ฉันไม่สนใจว่าเว็บไซต์ของฉันจะทำให้ลิงหลุดออกจากหลังคุณหรือไม่ สำหรับงานข้อกำหนดอาจแตกต่างกันและโดยทั่วไปยิ่งกลุ่มเป้าหมายของคุณเป็นสาธารณะมากขึ้นและเป็นไปได้มากขึ้นไซต์ของคุณจะมีโอกาสเห็น IE6 บน 640x480x4 มากขึ้น

คำถามนี้ไม่สามารถตอบได้อย่างถูกต้องหากไม่มีผู้ชมที่ระบุและละเว้นพยุหะของอุปกรณ์ iPhony อย่างสมบูรณ์

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

นอกจากนี้ยังควรคำนึงถึงเนื้อหาของเว็บไซต์ของคุณด้วย หากคุณมีฟอรัมการสนับสนุนด้านเทคนิคสำหรับผู้ที่มีปัญหากับการ์ดแสดงผลหรือจอภาพเช่นคุณอาจต้องการให้ใช้งานได้ที่ 640x480

หากผู้ใช้ของคุณจำนวนมากมีอายุมากกว่าหรือมีแนวโน้มที่จะมีสายตาที่อ่อนแอพวกเขาอาจมีหน้าจอความละเอียดสูง แต่มีตัวอักษรขนาดใหญ่มากดังนั้นคุณต้องอนุญาตให้ทำเช่นนั้น