ผู้ติดตาม 3 คน

ติดตาม

0 คนบันทึกแล้ว

ทำไมเว็บไม่ responsive นะ (รองรับกับขอโทรศัพท์)

อย่าพึ่งโทษน้อง ChatGPT เลยนะ 😅 จริง ๆ แล้วถ้าเป็น App Script ต้องใส่ตรงนี้ก่อน 💻 เว็บถึงจะรองรับทุกอย่างได้ ✅ #AppScript #theducktech

2025/9/8 แก้ไขเป็น

สำหรับผู้ที่เจอปัญหาเว็บไม่รองรับมือถือ (ไม่ 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 จะช่วยประสบการณ์ผู้ใช้ดีขึ้นมาก ทั้งนี้การทำหน้าเว็บให้ตอบโจทย์การใช้งานบนมือถือถือเป็นพื้นฐานสำคัญที่ไม่ควรมองข้าม

โพสต์ที่เกี่ยวข้อง

Google ขึ้น ไม่สามารถเข้าถึงเว็บไซต์นี้

Google ขึ้น ไม่สามารถเข้าถึงเว็บไซต์นี้ วิธีแก้ไข ทำง่ายๆ #เข้าเว็บไม่ได้ #โจ้ออนไลน์

ถูกใจ 20 ครั้ง

แก้ปัญหามือถือใช้งานGoogleไม่ได้ โดนบล็อก #nutmncomputer #diyอะไรดี1234 #nutcom #นัทคอมพิวเตอร์ #นัทนครปฐม

ถูกใจ 11 ครั้ง

$ภาพหน้าจอโทรศัพท์แสดงข้อผิดพลาด Internal server error (500) ของเว็บไซต์ mikkipastel.com โดยระบุว่า Cloudflare มีปัญหาในกรุงเทพฯ พร้อมข้อความว่า \"ตามหาผู้ประสบภัย Cloudflare ล่ม ใครประสบภัยบ้าง\"$

$ภาพหน้าจอสถานะระบบ Cloudflare แสดงหัวข้อ \"Cloudflare Global Network experiencing issues\" และข้อความอัปเดตว่ากำลังดำเนินการกู้คืนบริการสำหรับลูกค้า โดยมีวันที่ 18 พ.ย. 2025$

ภาพหน้าจอ cloudflarestatus.com แสดงสถานะ Network เป็น Offline (สีแดง) พร้อมวงกลมและลูกศรสีส้มชี้ไปที่คำว่า Network และ Offline ส่วนบริการอื่น ๆ เช่น Pages, Queues เป็น Operational

ทำไมวันนี้เข้าเว็บไม่ได้ เพราะ Cloudflare ล่มไง

มีหลายเว็บไซต์เลย จริง ๆ เว็บไม่ได้พัง แต่ติดตัวกลางอย่าง Cloudflare ที่ช่วยดูและเว็บไซต์ในการรับโหลด ป้องกัน DDoS (การโจมตีทางไซเบอร์โดยการยิงเว็บของเราให้ล่ม) มันจะคั่นกลางระหว่างเรา กับ host ของ website นั้น ๆ นั่นเอง ซึ่งเราก็เป็นผู้ประสบภัย ที่ไม่สามารถเข้าเว็บไซต์ของตัวเองได้ สามารถตรว

ถูกใจ 4 ครั้ง

ภาพหน้าจอแสดงข้อความ 'Internal server error' และ 'Cloudflare ล่ม? ทำไมเว็บถึงพังระนาววันนี้!' พร้อมสถานะ Cloudflare ในกรุงเทพฯ ขึ้น Error เปรียบเทียบสถานการณ์เหมือนไฟดับทั้งเมือง ทำให้เว็บใช้งานไม่ได้ชั่วคราว

💥 Cloudflare ล่มคืออะไร? ทำไมเว็บถึงพังระนาววันนี้!

หลายคนงงว่าเกิดอะไรขึ้น เข้าเว็บไม่ได้ แอปล่ม วันนี้ขอสรุปแบบง่ายที่สุด! ☁️ Cloudflare คืออะไร? ตัวช่วยที่ทำให้ “เว็บไซต์ทั่วโลก” โหลดเร็ว • ปลอดภัย • เสถียร เหมือนถนนหลักที่เว็บหลายเจ้าใช้ร่วมกัน ⸻ 🚨 แล้ววันนี้เกิดอะไร? ระบบของ Cloudflare มีปัญหา ทำให้ถนนหลักในอินเทอร์เน็ต “ติดขัด

ถูกใจ 9 ครั้ง

7 UI COMPONENTS ที่มือใหม่ควรรู้

#uxui #frontend #kumoriiz #ความรู้ไอที #it

ถูกใจ 2 ครั้ง

ภาพแสดงปัญหาการเข้าถึงเว็บไซต์ที่ถูกบล็อกและอินเทอร์เน็ตช้า โดยมีโลโก้ Cloudflare WARP (1.1.1.1) เป็นตัวช่วยแก้ปัญหา ทำให้สามารถเข้าถึงเว็บไซต์ที่เคยถูกบล็อกได้

ภาพอธิบายว่า Cloudflare WARP คือแอปพลิเคชันที่ปลอดภัยและเพิ่มประสิทธิภาพอินเทอร์เน็ต พร้อมระบุประโยชน์หลัก เช่น อินเทอร์เน็ตเร็วขึ้น ปลอดภัย และสามารถเข้าถึงเว็บไซต์ที่ถูกบล็อกได้

ภาพแสดงขั้นตอนการติดตั้ง Cloudflare WARP โดยให้ดาวน์โหลดจากเว็บไซต์ 1.1.1.1 และแสดงหน้าจอแอปพลิเคชันที่เปลี่ยนสถานะจาก "Disconnected" เป็น "Connected" เมื่อเปิดใช้งาน

เข้าเว็บที่โดนบล็อก? ได้ด้วย Cloudflare WARP

🌐 เข้าเว็บที่โดนบล็อก? เน็ตอืด? แก้ได้ด้วย Cloudflare WARP! (ฟรีและดีมีอยู่จริง) แล้วมันคืออะไร? ต่างจาก VPN ตรงไหน? แล้วปลอดภัยจริงไหม? . พอดีทีมเราใช้ตัว Cloudflare WARP ในการเข้าถึง Mac mini ตัวแทนหมู่บ้าน และอีกเคสนึงที่ลองใช้คือ เข้าเว็บ platform exchange ที่ ก.ล.ต. ปิดกั้น 😆 พอกดใช้ปุ๊บ

ถูกใจ 8 ครั้ง

ภาพหน้าแรกของ MobileShop แสดงโปรโมชั่น iPhone 15 Pro ใหม่ล่าสุด พร้อมชิป A17 Pro และส่วนลดสูงสุด 3,000 บาท มีปุ่ม "ดูรายละเอียด" บนพื้นหลังสีแดง

ภาพหน้าสินค้าของ MobileShop แสดงหมวดหมู่ iPhone และ Samsung พร้อมสินค้า iPhone 15 Pro ลด 7% มีคะแนน 4.8 จาก 1250 รีวิว พร้อมระบุชิป A17 Pro และกล้อง 48MP

ภาพแสดงบริการของ MobileShop ได้แก่ ส่งฟรีทั่วประเทศเมื่อสั่ง 1,000 บาทขึ้นไป, รับประกัน 1 ปี สินค้าแท้ 100% และบริการหลังการขายพร้อมทีมงานให้คำปรึกษา 24/7

Prompt คำสั่ง สร้างเว็บไซต์ใน 1 คลิก  คุณ

🔥Prompt คำสั่ง สร้างเว็บไซต์ใน 1 คลิก🔥 Copy ไปใช้ได้ คุณคือ ผู้เชี่ยวชาญด้าน UX/UI Design และ Web Development ที่มีประสบการณ์กว่า 10 ปีในการสร้างเว็บไซต์อีคอมเมิร์ซ โดยเฉพาะการออกแบบร้านค้าออนไลน์ [ขายมือถือ] ภารกิจของคุณคือช่วยออกแบบและแนะนำโครงสร้างเว็บไซต์ขายมือถือ โดยระบุฟีเจอร์หลัก หน้า

ถูกใจ 4 ครั้ง

HTML Tips: เรื่องเล็กน้อย แต่ Impact คือใหญมาก! 💡

พูดเรื่องพื้นฐาน HTML ที่หลายคน (รวมถึงเราเองตอนแรก ๆ) มักมองข้าม คือ การใช้ <div> ทำปุ่ม หรือใช้ <a> ผิดที่... ต้องรีบแก้ด่วน! เพราะจุดเล็กๆ แค่นี้ ส่งผลเสียต่อ SEO และ Accessibility (การเข้าถึงเว็บไซต์) มหาศาล ✅ กฎเหล็กที่ Dev ควรจำ: 👉 ใช้ <a> เมื่อต้องการ "เปลี่ยนหน้า&

ถูกใจ 0 ครั้ง

ภาพแสดงหน้าจอเบราว์เซอร์ที่ขึ้นข้อผิดพลาด "Hmmm... can't reach this page 127.0.0.1 refused to connect." พร้อมโลโก้ Windows 11 ที่มีเครื่องหมายตกใจ ด้านล่างมีข้อความระบุว่าแพตช์ล่าสุด KB5065789 และ KB5066835 ทำให้ Localhost ใช้ไม่ได้ ต้องถอนอัปเดตออก.

เจอแบบนี้ไอทีกุมขมับ

ผู้ใช้ Windows 11 หลายรายเจอปัญหาหลังติดตั้งแพตช์ล่าสุดจาก Microsoft เพราะอยู่ดี ๆ ฟังก์ชัน Localhost (127.0.0.1) ที่นักพัฒนาใช้กันเป็นประจำกลับใช้งานไม่ได้ โดยเฉพาะเมื่อเชื่อมต่อผ่านโปรโตคอล HTTP/2 ส่งผลให้แอปที่ต้องเชื่อมต่อกลับมาที่เครื่องตัวเอง เช่น เว็บแอปหรือโปรแกรมดีบักโค้ดพังกันเป็นแถว .

ถูกใจ 2 ครั้ง

$ภาพหน้าปกแสดงคนกำลังทำงานหน้าจอคอมพิวเตอร์หลายจอ พร้อมข้อความ \"แนะนำ 5 ตัวช่วย สร้างเว็บไซต์ โดยไม่ต้องเขียนโค้ด NO Code\" และไอคอนแล็ปท็อปบนพื้นหลังสีม่วงน้ำเงิน$