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 หรือโปรแกรมสร้างเว็บเพจใด ๆ แล้วสังเกตกันบ้างไหมว่า โ...  

รหัสค่าสีที่ใช้กันใน Web Page (Web Color)

เรื่อง : รหัสค่าสีที่ใช้กันใน Web Page ระบบค่าสีที่เราใช้กันกับเว็บหรือใช้ที่หน้าเว็บเพจ (Web Page) ต่าง ๆ นั้น สำหรับคนท...  

โปรแกรมเว็บบอร์ดเพื่อการศึกษา (Webboard)

เรื่อง : แนะนำโปรแกรมเว็บบอร์ดเพื่อการศึกษา (Webboard) ...  

การทำ Favorites Icon ให้เว็บไซต์ (Website icon)

เรื่อง : มาทำให้เว็บไซต์มี Favorites Icon กันเถอะ (Favicon) มีแฟนเว็บสงสัยถามกันเข้ามาว่า... ...  


Copyright ©2003-2018 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

*
*
*