ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingเช็ค Responsive เว็บตัวเองง่ายๆ ไม่ต้องใช้เครื่องมือ
หน้า: [1] 2  ทั้งหมด   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เช็ค Responsive เว็บตัวเองง่ายๆ ไม่ต้องใช้เครื่องมือ  (อ่าน 7847 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
MiithRanDir
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 134
ออฟไลน์ ออฟไลน์

กระทู้: 1,427



ดูรายละเอียด เว็บไซต์
« เมื่อ: 18 กรกฎาคม 2014, 16:08:44 »

ใครที่ทำเว็บที่รองรับ Responsive อยู่คงจะเคยหาเครื่องมือต่างๆมาลองทดสอบเว็บตัวเอง

แต่วันนี้ผมมีวิธีทดสอบง่ายๆ รวดเร็วไม่ต้องใช้เครื่องมือใดๆ แต่อาจจะไม่ละเอียดลึกพอ แต่ก็ดูได้พอทน เอ๊ะยังไง งงๆ

ง่ายๆ เลยแค่กดปุ่ม ย่อ ขนาดบราวเซอร์แล้วก็ลากขนาดบราวเซอร์ดู แค่นี้ก็จะเห็นผลได้ระดับนึงแล้วครับ ใครที่รู้แล้วก็ผ่านไปได้เลยครับ มาบอกไว้เผื่อคนไหนยังไม่รู้ครับ

ยกตัวอย่างเว็บตัวเองเลยละกัน











จะเห็นได้ว่าจะตอบสนอง responsive ดี จะไม่มี scrollbar ด้านล่างครับ

หวังว่าคงมีประโยชน์บ้างไม่มากก็น้อยครับ wanwan016 wanwan016
บันทึกการเข้า

teemuk
ก๊วนเสียว
*

พลังน้ำใจ: 21
ออฟไลน์ ออฟไลน์

กระทู้: 343



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 18 กรกฎาคม 2014, 16:11:05 »

สิ้นค่าน่าสนใจครับ เดี่ยวเข้าไปดู
บันทึกการเข้า

adidog
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 238
ออฟไลน์ ออฟไลน์

กระทู้: 1,859



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 18 กรกฎาคม 2014, 16:12:57 »

ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ
บันทึกการเข้า

Certain Dri Certain Dri
คุณแม่มือใหม่ คุณแม่มือใหม่
sys2528
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 301
ออฟไลน์ ออฟไลน์

กระทู้: 3,601



ดูรายละเอียด
« ตอบ #3 เมื่อ: 18 กรกฎาคม 2014, 16:13:44 »

ปกติผมก็ใช้เหมือนท่านครับ ตอนนี้ก็ยังใช้อยู่ครับ แต่ผมจะลองตัวนี้อีกตัวครับ
โค๊ด:
http://responsivetest.net/#u=http://www.ipostproperty.com/shop
บันทึกการเข้า

sys2528
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 301
ออฟไลน์ ออฟไลน์

กระทู้: 3,601



ดูรายละเอียด
« ตอบ #4 เมื่อ: 18 กรกฎาคม 2014, 16:16:28 »

ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ

ได้มาอีกอย่าง ขอบคุณมากครับ เพิ่งรู้ว่ามีนะครับเนี้ย  wanwan017
บันทึกการเข้า

kakato
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 131
ออฟไลน์ ออฟไลน์

กระทู้: 2,205



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 18 กรกฎาคม 2014, 16:18:14 »

ต้องลอง wanwan017
บันทึกการเข้า

คอร์สเรียนขายของออนไลน์ ปูพื้นฐานการขายตลาดออนไลน์ มีสินค้าอยากลงขายfacebook ads ต้องมา 20ธคเหลือ5ที
E-Book Facebook Ads2014-2015 สอนทำโฆษณาบนเฟซบุ๊ค ตีแตก!!!เทคนิคเพิ่มยอดขาย ในงบประมาณที่คุ้มค่าลดต้นทุนตั้งแต่เริ่มต้น Step by Step ไม่อยากขาดทุนต้องอ่าน [55ชุดเหลือ-ชุด]สอบถามก่อนโอนเงินนะครับ
kondam
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 532
ออฟไลน์ ออฟไลน์

กระทู้: 6,137



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 18 กรกฎาคม 2014, 16:30:43 »

ขอบคุณครับ  wanwan011
บันทึกการเข้า

ขอแนะนำ : wanwan034

1. จดโดเมน ต่ออายุ godaddy ลด 40% ถูกที่สุดในตอนนี้! คลิก

2.จดโดเมน + private 8.88$ [namecheap]   คลิก

3.แนะนำคลาวด์โฮสติ้งไทย ที่ผมใช้อยู่ [Thaidata]   คลิก
Moyzier
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 161
ออฟไลน์ ออฟไลน์

กระทู้: 2,212



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 18 กรกฎาคม 2014, 16:32:37 »

เช็คแล้ว โอเคเลยครับ  wanwan020 wanwan020
บันทึกการเข้า

jaturong
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 6



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 18 กรกฎาคม 2014, 16:56:35 »

ผมก็ใช้วิธี้ครับ แต่จะลองกะทุกๆ browser และก็เอามาลองบนทั้ง Smart phone / tablet เพื่อความแน่ใจครับ  wanwan017
บันทึกการเข้า
zero1150kfc
สมุนแก๊งเสียว
*

พลังน้ำใจ: 49
ออฟไลน์ ออฟไลน์

กระทู้: 753



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 18 กรกฎาคม 2014, 16:58:04 »

ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ

โอ้ ความรู้ใหม่   wanwan017

ส่วนตัวใช้เหมือนเจ้าของกระทู้ครับ  Embarrassed
บันทึกการเข้า

วีพีเอสถูก บริการเช่าเครื่อง Server (เสมือน)ราคาถูกจาก VPSTOOK เริ่มต้นเพียง 350 บาทเท่านั้น!!
ได้รับการบริการที่เหนือกว่าในราคาที่ถูกกว่าท้องตลาดทั่วไป
Free กันยิง Firewall (DNS Amp, NTP Amp, MSSQL Amp, SSDP)
สามารถอ่านรายละเอียดได้ที่ VPSTOOK.COM
Mesut Ozil
ก๊วนเสียว
*

พลังน้ำใจ: 22
ออฟไลน์ ออฟไลน์

กระทู้: 286



ดูรายละเอียด
« ตอบ #10 เมื่อ: 18 กรกฎาคม 2014, 17:13:50 »

สุดยอด เพิ่งรู้เหมือนกันครับ  wanwan017
บันทึกการเข้า
verysims
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 151
ออฟไลน์ ออฟไลน์

กระทู้: 1,469



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 18 กรกฎาคม 2014, 17:15:14 »

ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ

โอ้ ความรู้ใหม่   wanwan017

ส่วนตัวใช้เหมือนเจ้าของกระทู้ครับ  Embarrassed
โอ้วความรู้ใหม่ ขอบคุณครับ  wanwan017
บันทึกการเข้า

max30012540
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 196
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #12 เมื่อ: 18 กรกฎาคม 2014, 18:54:52 »

ขออนุญาตเจ้าของกระทู้นะครับ
ส่วนตัวใช้ Google Chrome กด F12 เลือกแท๊บ Emulation เมนูด้านซ้ายเลือก Device แล้วเลือกอุปกรณ์ที่ต้องการ กดปุ่ม Emulate หากต้องการยกเลิกกด Reset ครับ

บันทึกการเข้า
toekingsize
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 108
ออฟไลน์ ออฟไลน์

กระทู้: 1,245



ดูรายละเอียด
« ตอบ #13 เมื่อ: 18 กรกฎาคม 2014, 19:06:51 »

ขออนุญาตเจ้าของกระทู้นะครับ
ส่วนตัวใช้ Google Chrome กด F12 เลือกแท๊บ Emulation เมนูด้านซ้ายเลือก Device แล้วเลือกอุปกรณ์ที่ต้องการ กดปุ่ม Emulate หากต้องการยกเลิกกด Reset ครับ




วิธีนี้แสดงผลไม่ถูกต้องครับ แค่ได้สัดส่วนหน้าจอเฉยๆ  แต่ไม่แสดงผล Responsive ที่แท้จริง

ผมใช้โครมแล้ว กดปุ่ม CTRL ค้างไว้แล้วเลื่อน Scroll ไปที่ขนาด 300% (สำหรับไอโฟน5)

ถึงจะแสดงผลได้ถูกต้องครับ
บันทึกการเข้า
max30012540
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 196
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #14 เมื่อ: 18 กรกฎาคม 2014, 19:42:57 »

ขออนุญาตเจ้าของกระทู้นะครับ
ส่วนตัวใช้ Google Chrome กด F12 เลือกแท๊บ Emulation เมนูด้านซ้ายเลือก Device แล้วเลือกอุปกรณ์ที่ต้องการ กดปุ่ม Emulate หากต้องการยกเลิกกด Reset ครับ




วิธีนี้แสดงผลไม่ถูกต้องครับ แค่ได้สัดส่วนหน้าจอเฉยๆ  แต่ไม่แสดงผล Responsive ที่แท้จริง

ผมใช้โครมแล้ว กดปุ่ม CTRL ค้างไว้แล้วเลื่อน Scroll ไปที่ขนาด 300% (สำหรับไอโฟน5)

ถึงจะแสดงผลได้ถูกต้องครับ


วิธีไหนก็ได้สัดส่วนไม่เท่าของจริงอยู่แล้วครับ เพราะความละเอียดจอที่ตั้งกับสัดส่วนจอจริงไม่เท่ากันครับ แล้วการประมวลผลของ CPU ไปจนถึง webkit ที่ Google กับ Apple นำไปใช้ก็แตกต่างกัน ดังนั้นทุกวิธีดูภาพรวมเฉยๆครับ
บันทึกการเข้า
antimage3114
ก๊วนเสียว
*

พลังน้ำใจ: 56
ออฟไลน์ ออฟไลน์

กระทู้: 423



ดูรายละเอียด
« ตอบ #15 เมื่อ: 18 กรกฎาคม 2014, 19:53:38 »

ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ
ความรู้ใหม่ขอบคุณครับ
บันทึกการเข้า

Imagination is more important than knowledge.
naraj
สมุนแก๊งเสียว
*

พลังน้ำใจ: 49
ออฟไลน์ ออฟไลน์

กระทู้: 672



ดูรายละเอียด เว็บไซต์
« ตอบ #16 เมื่อ: 18 กรกฎาคม 2014, 20:20:44 »

ผมล่อจากเว็บบริการอย่างเดียวเลย

โค๊ด:
http://mobiletest.me/

 Lips Sealed
บันทึกการเข้า
gutter
ก๊วนเสียว
*

พลังน้ำใจ: 61
ออฟไลน์ ออฟไลน์

กระทู้: 411



ดูรายละเอียด
« ตอบ #17 เมื่อ: 18 กรกฎาคม 2014, 20:46:44 »

ใช้อะไรทดสอบ ก็ไม่เหมือนใช้สมาร์ทโฟนของเราดูเอง
บันทึกการเข้า

ปั๊มไลค์อัตโนมัติ สนใจสอบถามได้ทาง PM หรือ inbox มาที่เพจได้เลยจ้า
romance69
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 169
ออฟไลน์ ออฟไลน์

กระทู้: 2,166



ดูรายละเอียด เว็บไซต์
« ตอบ #18 เมื่อ: 18 กรกฎาคม 2014, 21:22:38 »

โอ้ววว พึ่งรู้เหมือนกันแฮะ ขอบคุณครับ  wanwan011
บันทึกการเข้า

ขายปลั๊กอิน Wordpress ตรวจหวยออนไลน์ อัปเดตอัตโนมัติ ราคา 2,500 บาท ใส่โค้ด THAISEO10 รับส่วนลด 10%
รับเขียนเว็บไซต์, รับเขียน Theme wordpress, รับเขียน Plugin wordpress
Synchronize
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 83
ออฟไลน์ ออฟไลน์

กระทู้: 1,231



ดูรายละเอียด
« ตอบ #19 เมื่อ: 18 กรกฎาคม 2014, 21:28:51 »

ของ firefox มีที่ล้ำกว่านี้อีกครับ

กดปุ่ม ctrl + shift + M

มันจะเข้าตัวปรับขนาดหน้าต่างได้เลย

บันทึกการเข้า

หน้า: [1] 2  ทั้งหมด   ขึ้นบน
พิมพ์