เว็บไซต์ที่ตอบสนองต่อ: เครื่องมือออนไลน์เพื่อทดสอบบนอุปกรณ์หน้าจอ

เครื่องมือออนไลน์เพื่อทดสอบว่าเว็บไซต์ที่มีการตอบสนองบนอุปกรณ์ที่แตกต่างกันขนาดหน้าจอและความละเอียด เครื่องมือรวมถึงเครื่องมือ Quirk แมตต์ Kersley, Responsinator

A+ A-

คุณคิดว่าเว็บไซต์ของคุณมีลักษณะสมบูรณ์เหมาะในคอมพิวเตอร์ของคุณหรือไม่ รู้สึกมีความสุขเกี่ยวกับการออกแบบของตนหรือไม่ ทางที่ดีคุณควร! แต่คุณยังควรพิจารณาว่าคุณไม่ได้เป็นกลุ่มเป้าหมายของเว็บไซต์ของคุณเอง! กลุ่มเป้าหมายของคุณคือ อินเทอร์เน็ต ผู้ใช้ที่มีขนาดใหญ่และผู้ใช้เหล่านี้ใช้ความหลากหลายของอุปกรณ์ (รวมถึงสก์ท็อปแล็ปท็อปแท็บเล็ตและโทรศัพท์มือถือ) อุปกรณ์เหล่านี้มีขนาดหน้าจอที่แตกต่างกันและมติ ดังนั้นจึงขอแนะนำให้คุณทดสอบเว็บไซต์ของคุณไม่เพียง แต่ในเครื่องคอมพิวเตอร์ของคุณ แต่ยังเกี่ยวกับอุปกรณ์ที่แตกต่างกันให้มากที่สุดเท่าที่เป็นไปได้ (เช่น iPad, iPhone, จุด, แล็ปท็อปเดสก์ท็ ฯลฯ )

คำถามคือคุณจะต้อง ซื้อทั้งหมดเหล่านี้แท็บเล็ตและแล็ปท็อปอุปกรณ์ ? Thankfully, คำตอบคือไม่!

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

อ่านเพิ่มเติม: เว็บไซต์ที่ตอบสนองคืออะไร?

ทำไมออกแบบที่ตอบสนองเป็นสิ่งสำคัญหรือไม่ดีเพียงเพื่อให้คุณมีความคิดที่ได้รับมัน TechWelkin จราจร 40% จากโทรศัพท์มือถือ หากเว็บไซต์ของคุณไม่ได้ตอบสนองมันเป็นจริงการสูญเสีย 30% ถึง 40% อัตราการเข้าชม ผมออกแบบ TechWelkin ใน ปฐมกรอบ และทำให้มั่นใจได้ว่าสามารถอ่านได้อย่างง่ายดายบนอุปกรณ์ทั้งหมด Google ยังได้ให้ความสำคัญมากขึ้นไปยังเว็บไซต์ที่มีการตอบสนองในธรรมชาติ. บล็อกเกอร์มืออาชีพ ที่เขียนบล็อกที่จะ ได้รับเงิน ใช้เครือข่ายโฆษณาเช่น Google AdSense ยังสังเกตเห็นว่ามีเว็บไซต์ที่ตอบสนองต่อการเพิ่มขึ้นของรายได้ของพวกเขา มันเป็นเพียงเพราะพวกเขาได้รับการจราจรมากขึ้น (โดยเฉพาะอย่างยิ่งผ่านอุปกรณ์มือถือ)

1. เครื่องมือเล็ก ๆ น้อย ๆ

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

ขณะที่การทดสอบก็จะแนะนำว่าคุณยังใช้คุณลักษณะการหมุนหน้าจอเพื่อดูเว็บไซต์ในแนวนอน (แนวนอน) ปฐมนิเทศ นอกจากนี้คุณได้ตัวเลือกที่จะใช้ พร็อกซีเซิร์ฟเวอร์โหลดเว็บไซต์จำเป็นต้อง เข้าสู่หน้าจอต่างๆ. ใช้พร็อกซีเซิร์ฟเวอร์เป็นสิ่งจำเป็นสำหรับการทดสอบเว็บไซต์ที่ใช้ตัวเลือกส่วนหัวเพื่อหลีกเลี่ยงการฝัง IFRAME

แมตต์ Kersley ทดสอบการตอบสนอง

เครื่องมือทดสอบการออกแบบที่ตอบสนองต่อการพัฒนาโดยแมตต์ Kersley มีอยู่ที่: http://mattkersley.com/responsive

เครื่องมือนี้จะง่ายมากและโหลดเว็บไซต์ที่กำหนดในหลายขนาดในครั้งเดียว แตกต่างจากเครื่องมือ Quirk บริการนี​​้ทดสอบเว็บไซต์เท่านั้นสำหรับขนาดหน้าจอที่กำหนดไว้ล่วงหน้าบางอย่าง (เช่นนั้นของ iPhone, แท็บเล็ตขนาดเล็กโทรศัพท์ขนาดเล็ก, โหมดแนวนอน iPad และโหมดแนวตั้ง iPad)

Responsinator

Responsinator.com เว็บไซต์นี้ยังทำงานในลักษณะเดียวกันเป็นเครื่องมือในแมตต์ Kersley ของ -although มันมีขนาดใหญ่กว่าเล็กน้อยจำนวนของขนาดหน้าจอที่สามารถใช้ได้ นอกเหนือจาก iPad, iPhone บริการนี​​้ยังทดสอบเว็บไซต์ของคุณสำหรับ Amazon จุด

คำตัดสินของเรา

หลังจากที่ใช้ดังกล่าวข้างต้นสามบริการออนไลน์เพื่อทดสอบ techwelkin.com -I ได้ข้อสรุปว่า Quirk เครื่องมือเป็นบริการออนไลน์ที่ดีที่สุดสำหรับการทดสอบการออกแบบที่ตอบสนอง มันมีคุณสมบัติอื่น ๆ อีกมากมายกว่าหน้าแบบง่ายๆจากการพัฒนาโดยแมตต์และ Kirsley Responsinator

ฉันหวังว่านี้เป็นประโยชน์สำหรับคุณ โปรดอย่าลังเลที่จะถามว่าคุณมีคำถามใด ๆ เกี่ยวกับหัวข้อนี้ ผมจะมีความสุขที่จะลองและช่วยให้คุณ ขอขอบคุณที่ใช้ TechWelkin!

Ads

หุ้น

เมื่อเร็ว ๆ นี้

ทางเลือกที่ดีที่สุดอูบุนตูที่มองหาถ้าคุณเป็นคนรักของลินุกซ์

ขอเริ่มต้นโดยได้รับคุ้นเคยกับบางสิ่งบางอย่าง; พื้นฐาน แต่บิ...

วิธีการเพิ่มลายเซ็นใน Gmail กล่องขาเข้า - เพิ่มลายเซ็นของ Google ใน Gmail

กล่องขาเข้าโดย Google เป็นหนึ่งในสิ่งที่ดีที่สุดของ Google ...

Weekly Tech News: Nokia, Google และนินเทน

สวัสดีครับทุกคนก็ศุกร์ 3 มีนาคมและเช่นเดียวเสมอเรากลับมาพร้...

โครงการ Pi ราสเบอร์รี่สำหรับมือใหม่ - คุณสามารถทำอะไรกับราสเบอร์รี่ Pi

ราสเบอร์รี่ Pi เป็นชุดของพลังงานต่ำคอมพิวเตอร์บอร์ดเดียวที่...

VPN ที่ดีที่สุดสำหรับ Android 2017 - วิธีการใช้ VPN ใน Android

ไปเป็นวันเมื่อ VPNs เพียงสำหรับเทคโนโลยี savvies และแฮกเกอร...

ความคิดเห็น