ทำไมเว็บไม่ responsive นะ (รองรับกับขอโทรศัพท์)
อย่าพึ่งโทษน้อง ChatGPT เลยนะ 😅 จริง ๆ แล้วถ้าเป็น App Script ต้องใส่ตรงนี้ก่อน 💻 เว็บถึงจะรองรับทุกอย่างได้ ✅ #AppScript #theducktech
สำหรับผู้ที่เจอปัญหาเว็บไม่รองรับมือถือ (ไม่ responsive) โดยเฉพาะการที่เว็บแสดงผลไม่เหมาะสมกับหน้าจอมือถือ ผมขอแนะนำเคล็ดลับเล็กๆ ที่ผมใช้จริงกับเว็บที่พัฒนาด้วย Google Apps Script ปัญหาหลักมักมาจากการลืมเพิ่มหรือกำหนด meta tag viewport ซึ่งเป็นสิ่งสำคัญมากๆ เพราะมันช่วยให้หน้าจอเว็บปรับขนาดตามอุปกรณ์จริงๆ นอกจากนี้หากใช้ Apps Script ในการสร้างเว็บ เราควรใส่โค้ดเพิ่ม meta tag ในส่วนของ HTML Template โดยวิธีนี้ช่วยให้เว็บแสดงผลได้ถูกต้องในมือถือและแท็บเล็ต นอกจากนี้ผมยังใช้ฟังก์ชัน doGet เพื่อนำข้อมูลแบบไดนามิกเข้ามาแสดงบนหน้าเว็บ เช่น สรุปข้อมูลจากสเปรดชีต ซึ่งทำให้เว็บดูทันสมัยและสะดวกต่อการดูข้อมูลโดยที่ไม่ต้องไปแก้ไขโค้ด HTML ทุกครั้งที่ข้อมูลเปลี่ยน ใน OCR ที่ได้มา มีคำว่า "viewport" และ "Dimensions: Responsive" ซึ่งสะท้อนถึงการตั้งค่าหน้าจอแบบ responsive นั้นสำคัญมาก รวมถึงในสคริปต์ Apps Script ควรใช้เมธอด addMetaTag เพื่อเพิ่ม viewport meta tag อย่างถูกต้อง เพื่อแก้ปัญหานี้ สุดท้าย แม้ว่าระบบ Service Broker ของ SQL Server จะไม่เกี่ยวข้องโดยตรงกับการทำเว็บ responsive แต่หากคุณพัฒนาเว็บที่เชื่อมต่อฐานข้อมูล SQL Server การทำให้เว็บ responsive จะช่วยประสบการณ์ผู้ใช้ดีขึ้นมาก ทั้งนี้การทำหน้าเว็บให้ตอบโจทย์การใช้งานบนมือถือถือเป็นพื้นฐานสำคัญที่ไม่ควรมองข้าม
