About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

ทดสอบการทำงานของเว็บไซต์บนอุปกรณ์มือถือ (Mobile Devices) กับ Google [Article ID : 210]


เรื่อง : มาทดสอบเว็บไซต์กับการแสดงผลบนอุปกรณ์มือถือ (Mobile Devices) ด้วยบริการจาก Google

ปัจจุบันการออกแบบ และพัฒนาเว็บไซต์ เราต้องคำนึงถึงการแสดงผลกับอุปกรณ์อย่างเช่น โทรศัพท์มือถือ, Tablet หรืออุปกรณ์อื่น ๆ ซึ่งเราเรียกโดยรวมว่าอุปกรณ์เคลื่อนที่ หรือ Mobile Device โดยเมื่อเราออกแบบเว็บไว้แล้ว เราจะรู้ได้อย่างไรว่าเว็บของเรานั้นสามารถทำงานได้ดีกับอุปกรณ์โมบายต่าง ๆ ได้ดีหรือไม่ ?
บทความนี้ DwThai.Com มีมาแนะนำ

วิธีการทดสอบการทำงานของเว็บกับอุปกรณ์โมบาย

Google มีบริการให้เราสามารถนำ URL ของเว็บไซต์ไปทดสอบการทำงานของเว็บกับอุปกรณ์เคลื่อนที่ได้ครับ โดยเข้าไปที่ URL บริการของเขา ดังนี้

https://www.google.com/webmasters/tools/mobile-friendly/

จากนั้นหากต้องการตรวจสอบ ให้ทำการป้อนที่อยู่เว็บหรือ URL ของเว็บลงไปที่ช่อง Input ดังรูป


แล้วทำการคลิกที่ปุ่ม วิเคราะห์/ทำการทดสอบ จากนั้นรอผลการทดสอบ ดังรููป

หากผลการทดสอบเว็บของเราสามารถใช้งานได้ดีกับอุปกรณ์ Mobile หน้าเว็บทดสอบจะแสดงรายงาน ดังรูป


หรือหากเว็บเราใช้งานได้ยากกับอุปกรณ์มือถือ ทีหน้าเว็บทดสอบจะแสดงรายงานผลออกมา ดังรูป


ทั้งนี้ปัจจุบัน หากเว็บไซต์ใดแสดงผลกับอุปกรณ์ Mobile ได้ไม่ดี หรือไม่เหมาะสม ก็ควรจะปรับเปลี่ยนนะครับ โดยผู้ที่เป็นนักออกแบบเว็บหรือนักพัฒนาเว็บต้องยึดหลักการออกแบบเว็บในแบบ RWD หรือ Responsive Web Design ลองศึกษากันดู...สวัสดีครับ
Request for MySQLi Database Connector
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

เรื่องของ !DOCTYPE ในเว็บเพจ

เรื่อง : DOCTYPE ในโค้ดเว็บเพจคืออะไร ? มีใครใช้โปรแกรม Dreamweaver หรือโปรแกรมสร้างเว็บเพจใด ๆ แล้วสังเกตกันบ้างไหมว่า โ...  

พัฒนาโปรแกรมอ่าน QR-Code หรือ QR Code Reader/Scanner

เรื่อง: วิธีการพัฒนาโปรแกรมอ่าน QR-Code ในแบบ Web Application QR-Code เป็นสัญลักษณ์...  

Insert Garuda (ใส่ตราครุฑ) for Google Docs

Insert Garuda (ใส่ตราครุฑ) for Google Docs ใช้เพื่อจัดทำเอกสารราชการ ที่ต้องมีการใช้งานตราสัญลักษณ์รูปครุฑ ...  

การตรวจสอบรูปภาพ กรณีรูปภาพไม่แสดงผลบน Web Page

เรื่อง : การตรวจสอบไฟล์รูปภาพ กรณีรูปภาพไม่แสดงผลบน Web Page คุณอาจจะเคยมีปัญหาเกี่ยวกับการ Insert รูปภาพ (Images) มาใช้...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*