เปลี่ยนเส้นทางอุปกรณ์เคลื่อนที่ไปยังเนื้อหาหรือแบบเคลื่อนที่
ผู้เชี่ยวชาญหลายคนกล่าวว่าการเข้าชมเว็บไซต์จากผู้เข้าชมบนโทรศัพท์มือถือได้เพิ่มขึ้นอย่างรวดเร็ว ด้วยเหตุนี้หลาย บริษัท จึงเริ่มต้นใช้กลยุทธ์โทรศัพท์มือถือเพื่อนำเสนอแบบออนไลน์แล้วเพื่อสร้างประสบการณ์ที่เหมาะสมกับโทรศัพท์มือถือและอุปกรณ์เคลื่อนที่อื่น ๆ
เมื่อคุณใช้เวลาเรียนรู้วิธีการ ออกแบบหน้าเว็บสำหรับโทรศัพท์มือถือ และใช้กลยุทธ์ของคุณแล้วคุณจะต้องตรวจสอบให้แน่ใจว่าผู้เข้าชมเว็บไซต์ของคุณสามารถมองเห็นการออกแบบเหล่านั้นได้ มีหลายวิธีที่คุณสามารถทำได้และทำงานได้ดีกว่าคนอื่น ๆ นี่คือตัวอย่างวิธีการที่คุณสามารถใช้เพื่อใช้การสนับสนุนโทรศัพท์มือถือในเว็บไซต์ของคุณพร้อมกับคำแนะนำที่ใกล้ถึงจุดสิ้นสุดสำหรับวิธีการที่ดีที่สุดเพื่อให้บรรลุสิ่งนี้คือบนเว็บของวันนี้!
ให้ลิงก์ไปยังเวอร์ชันไซต์อื่น
นี่คือวิธีที่ง่ายที่สุดในการจัดการกับผู้ใช้โทรศัพท์มือถือ แทนที่จะกังวลว่าจะสามารถมองเห็นหรือไม่เห็นหน้าเว็บของคุณเพียงแค่ใส่ลิงก์ไว้ที่ด้านบนสุดของหน้าเพื่อชี้ไปยังไซต์สำหรับมือถือเวอร์ชันแยกต่างหาก จากนั้นผู้อ่านสามารถเลือกตัวเองได้ว่าต้องการดูเวอร์ชันบนมือถือหรือดำเนินการต่อกับเวอร์ชัน "ปกติ" หรือไม่
ประโยชน์ของโซลูชันนี้ก็คือใช้งานได้ง่าย คุณต้องสร้างเวอร์ชันที่เหมาะสำหรับอุปกรณ์เคลื่อนที่และจากนั้นเพิ่มลิงก์ที่ด้านบนสุดของหน้าเว็บไซต์ตามปกติ
ข้อเสียคือ:
- คุณต้องดูแลไซต์เวอร์ชันแยกต่างหากสำหรับผู้ใช้โทรศัพท์มือถือ เนื่องจากไซต์ของคุณมีขนาดใหญ่ขึ้นคุณอาจลืมรักษาเวอร์ชันที่สองและเว็บไซต์ของคุณอาจไม่สามารถซิงค์ได้
- คุณยังสร้างเวอร์ชันที่สามสำหรับแท็บเล็ตหรือไม่ วิธีการเกี่ยวกับรุ่นที่สี่สำหรับ wearables? แนวคิดเกี่ยวกับรุ่นเฉพาะอุปกรณ์นี้สามารถทำให้การควบคุมไม่เป็นไปอย่างรวดเร็ว
- คุณต้องใส่ลิงก์ที่น่าเกลียดที่ด้านบนของหน้าเพื่อให้ผู้อ่านที่ไม่ได้ใช้มือถือสามารถมองเห็น (และอาจคลิก)
ท้ายที่สุดวิธีนี้เป็นแบบเก่าที่ไม่น่าจะเป็นส่วนหนึ่งของกลยุทธ์มือถือที่ทันสมัย บางครั้งก็ใช้เป็นช่องว่างในการแก้ไขช่องว่างขณะที่มีการพัฒนาโซลูชันที่ดีกว่า แต่ในตอนนี้ก็เป็นความช่วยเหลือระยะสั้น
ใช้ JavaScript
ในรูปแบบของวิธีการที่กล่าวมาข้างต้นนักพัฒนาซอฟต์แวร์บางรายจะใช้สคริปต์ตรวจหาเบราว์เซอร์บางประเภทเพื่อตรวจสอบว่าลูกค้าอยู่ในโทรศัพท์มือถือหรือไม่แล้วนำพวกเขาไปยังไซต์บนมือถือที่แยกต่างหาก ปัญหาเกี่ยวกับการตรวจจับเบราเซอร์และโทรศัพท์มือถือคือมีโทรศัพท์มือถือหลายพันเครื่องที่มีอยู่ ในการพยายามตรวจจับพวกเขาทั้งหมดด้วย JavaScript อาจทำให้หน้าเว็บทั้งหมดของคุณกลายเป็นฝันร้ายที่ดาวน์โหลดได้ - และคุณยังคงต้องเสียปัญหาหลายประการเช่นเดียวกับวิธีการที่กล่าวมา
ใช้อุปกรณ์พกพาสื่อ CSS & # 64;
คำสั่ง CSS @media handheld ดูเหมือนจะเป็นวิธีที่เหมาะสำหรับการแสดงสไตล์ CSS สำหรับอุปกรณ์มือถือเช่นโทรศัพท์มือถือ นี่ดูเหมือนเป็นทางออกที่ดีสำหรับการแสดงหน้าเว็บสำหรับโทรศัพท์มือถือ คุณเขียนเว็บเพจหนึ่งและสร้างแผ่นงานสองสไตล์ ประเภทสื่อสิ่งพิมพ์ "หน้าจอแรก" จะแสดงหน้าเว็บของคุณสำหรับจอภาพและหน้าจอคอมพิวเตอร์ ส่วนที่สองสำหรับ "มือถือ" จะแสดงหน้าเว็บของคุณสำหรับอุปกรณ์ขนาดเล็กเช่นโทรศัพท์มือถือเหล่านั้น ฟังดูง่าย แต่ไม่ค่อยได้ผลจริง
ข้อได้เปรียบที่ใหญ่ที่สุดสำหรับวิธีนี้คือคุณไม่ต้องดูแลเว็บไซต์ของคุณสองเวอร์ชัน คุณเพียงแค่รักษาข้อมูลนี้ไว้และสไตล์ชีตกำหนดว่าควรดูอย่างไร - ซึ่งกำลังใกล้เข้ากับโซลูชันปลายทางที่เราต้องการ
ปัญหาเกี่ยวกับวิธีนี้คือโทรศัพท์จำนวนมากไม่สนับสนุนชนิดของอุปกรณ์พกพาโดยจะแสดงหน้าเว็บของพวกเขาด้วยประเภทของสื่อบนหน้าจอแทน และโทรศัพท์มือถือและอุปกรณ์พกพารุ่นเก่าจำนวนมากไม่สนับสนุน CSS เลย ในท้ายที่สุดวิธีนี้ไม่น่าเชื่อถือและดังนั้นจึงไม่ค่อยใช้เพื่อส่งมอบเวอร์ชันสำหรับเว็บไซต์บนมือถือ
ใช้ PHP, JSP, ASP เพื่อตรวจหา User-Agent
นี่เป็นวิธีที่ดีกว่าในการเปลี่ยนเส้นทางผู้ใช้โทรศัพท์มือถือไปยังไซต์บนมือถือเนื่องจากไม่ต้องพึ่งพาภาษาสคริปต์หรือ CSS ที่อุปกรณ์เคลื่อนที่ไม่ใช้ แต่จะใช้ภาษาฝั่งเซิร์ฟเวอร์ (PHP, ASP, JSP, ColdFusion ฯลฯ ) เพื่อดู user-agent จากนั้นเปลี่ยน คำขอ HTTP เพื่อชี้ไปยังหน้าเว็บบนมือถือหากเป็นอุปกรณ์เคลื่อนที่
โค้ด PHP ง่ายๆในการดำเนินการนี้จะมีลักษณะดังนี้:
stristr ($ ua, "Windows CE") หรือ
stristr ($ ua, "AvantGo") หรือ
stristr ($ ua, "Mazingo") หรือ
stristr ($ ua, "Mobile") หรือ
stristr ($ ua, "T68") หรือ
stristr ($ ua, "Syncalot") หรือ
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
if (isset ($ DEVICE_TYPE) และ $ DEVICE_TYPE == "MOBILE") {
$ ตั้ง = 'มือถือ / index.php';
ส่วนหัว ('Location:'. $ location);
ทางออก;
}
?>
ปัญหาที่เกิดขึ้นคือมี จำนวนมากและ ตัวแทนผู้ใช้ที่มีศักยภาพอื่น ๆ ที่ใช้งานโดยอุปกรณ์เคลื่อนที่ สคริปต์นี้จะจับและเปลี่ยนเส้นทางให้มาก แต่ไม่ทั้งหมดโดยวิธีการใด ๆ และมีเพิ่มมากขึ้นตลอดเวลา
นอกจากนี้เช่นเดียวกับโซลูชันอื่น ๆ ข้างต้นคุณจะต้องยังคงต้องมีไซต์สำหรับอุปกรณ์เคลื่อนที่แยกต่างหากสำหรับผู้อ่านเหล่านี้! ข้อเสียเปรียบของการต้องจัดการเว็บไซต์สองแห่ง (หรือมากกว่า!) เป็นเหตุผลเพียงพอที่จะหาทางออกที่ดีกว่า
ใช้ WURFL
หากคุณยังคงมุ่งมั่นที่จะเปลี่ยนเส้นทางผู้ใช้โทรศัพท์มือถือของคุณไปยังไซต์อื่น WURFL (Wireless Universal Resource File) เป็นทางออกที่ดี นี่คือไฟล์ XML (และตอนนี้เป็นไฟล์ DB) และไลบรารี DBI ต่างๆที่ไม่เพียง แต่มีข้อมูลผู้ใช้ตัวแทนข้อมูลไร้สายที่อัปเดตเท่านั้น แต่ยังมีคุณลักษณะและความสามารถที่สนับสนุน User-agent
ในการใช้ WURFL คุณจะต้องดาวน์โหลดไฟล์การกำหนดค่า XML จากนั้นเลือกภาษาของคุณและใช้ API บนเว็บไซต์ของคุณ มีเครื่องมือสำหรับใช้ WURFL กับ Java, PHP, Perl, Ruby, Python, Net, XSLT และ C ++
ประโยชน์ของการใช้ WURFL คือมีผู้คนจำนวนมากที่อัปเดตและเพิ่มไฟล์ config ตลอดเวลา ดังนั้นในขณะที่ไฟล์ที่คุณใช้อยู่ล้าสมัยก่อนที่คุณจะดาวน์โหลดเสร็จสิ้นไปแล้วมีโอกาสเป็นไปได้ว่าหากคุณดาวน์โหลดไฟล์ดังกล่าวเดือนละครั้งคุณจะมีเบราว์เซอร์โทรศัพท์มือถือทั้งหมดที่ผู้อ่านเคยใช้โดยไม่ได้ใช้ ปัญหาที่เกิดขึ้น ข้อเสียคือคุณต้องดาวน์โหลดและอัปเดตข้อมูลนี้อย่างต่อเนื่องเพื่อให้คุณสามารถนำผู้ใช้ไปยังเว็บไซต์ที่สองและข้อเสียที่สร้างขึ้นได้
ทางออกที่ดีที่สุดคือการออกแบบที่ตอบสนองต่อ
ดังนั้นถ้าการรักษาเว็บไซต์ที่แตกต่างกันสำหรับอุปกรณ์ต่างๆไม่ได้เป็นคำตอบคืออะไร? การออกแบบเว็บที่ตอบสนองต่อ
การออกแบบที่ตอบสนองคือที่ที่คุณใช้การค้นหาสื่อ CSS เพื่อกำหนดรูปแบบสำหรับอุปกรณ์ต่างๆที่มีความกว้างต่างๆ การออกแบบที่ตอบสนองต่อช่วยให้คุณสามารถสร้างเว็บเพจหนึ่งสำหรับทั้งผู้ใช้โทรศัพท์มือถือและที่ไม่ใช่มือถือ จากนั้นคุณจะได้ไม่ต้องกังวลว่าจะแสดงเนื้อหาใดบนไซต์บนมือถือหรืออย่าลืมโอนการเปลี่ยนแปลงล่าสุดไปยังไซต์บนมือถือของคุณ นอกจากนี้เมื่อคุณเขียน CSS แล้วคุณจะไม่ต้องดาวน์โหลดอะไรใหม่
การออกแบบที่ตอบสนองต่ออาจไม่ทำงานได้อย่างสมบูรณ์แบบบนอุปกรณ์และเบราว์เซอร์เก่ามาก (ซึ่งส่วนใหญ่ใช้งานได้ไม่มากในปัจจุบันและไม่ควรเป็นเรื่องที่ต้องเป็นห่วงคุณมากนัก) แต่เนื่องจากเป็นส่วนประกอบเพิ่มเติม (เพิ่มสไตล์ลงบนเนื้อหาแทนที่จะใช้เนื้อหา ) ผู้อ่านเหล่านี้จะยังสามารถอ่านเว็บไซต์ของคุณได้ แต่จะดูไม่เหมาะกับอุปกรณ์หรือเบราว์เซอร์เก่าของพวกเขา