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

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

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

กระทู้: 458



ดูรายละเอียด เว็บไซต์
« ตอบ #20 เมื่อ: 18 กรกฎาคม 2014, 21:52:00 »
เยี่ยมไปเลยทั้งจกขกทและคนตอบ
บันทึกการเข้า
รับเขียนโปรแกรม
saratlim
สมุนแก๊งเสียว
*

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

กระทู้: 705



ดูรายละเอียด เว็บไซต์
« ตอบ #21 เมื่อ: 18 กรกฎาคม 2014, 23:11:11 »
ขอบคุณครับ
« แก้ไขครั้งสุดท้าย: 18 กรกฎาคม 2014, 23:11:28 โดย saratlim » บันทึกการเข้า
รับเพิ่มพื้นที่ Dropbox เป็น 18GB 300 บาท ติดต่อ PM
หาติวเตอร์ DigitalOcean must have app in mac วิธีแฮคเฟสบุค
toekingsize
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,245



ดูรายละเอียด
« ตอบ #22 เมื่อ: 18 กรกฎาคม 2014, 23:24:50 »
อ้างจาก: naraj ที่ 18 กรกฎาคม 2014, 20:20:44
ผมล่อจากเว็บบริการอย่างเดียวเลย

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

 Lips Sealed



อันนี้แนะนำเลยครับ เข้าไปลองมาแล้ว แสดงผลถูกต้องเป๊ะเหมือนใช้โทรศัพท์จริง

ผมลองเข้าเว้บผมดูแระ แสดงผลสวยงามครับ  http://sisaket-news.com/

ขอบคุณท่านนี้มากๆที่ชี้ทางสว่าง
« แก้ไขครั้งสุดท้าย: 18 กรกฎาคม 2014, 23:28:44 โดย toekingsize » บันทึกการเข้า
akkradet
ก๊วนเสียว
*

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

กระทู้: 379



ดูรายละเอียด
« ตอบ #23 เมื่อ: 19 กรกฎาคม 2014, 01:00:13 »
ผมใช้ตัวนี้ครับ ดูได้เกือบครบเลย

โค๊ด:
http://www.responsinator.com/
บันทึกการเข้า
ว่างเปล่า
goodwide
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,432



ดูรายละเอียด
« ตอบ #24 เมื่อ: 19 กรกฎาคม 2014, 01:17:29 »
 wanwan017
ความรู้ใหม่ ขอบคุณครับ
บันทึกการเข้า
max30012540
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #25 เมื่อ: 19 กรกฎาคม 2014, 08:22:25 »
อ้างจาก: toekingsize ที่ 18 กรกฎาคม 2014, 23:24:50
อ้างจาก: naraj ที่ 18 กรกฎาคม 2014, 20:20:44
ผมล่อจากเว็บบริการอย่างเดียวเลย

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

 Lips Sealed



อันนี้แนะนำเลยครับ เข้าไปลองมาแล้ว แสดงผลถูกต้องเป๊ะเหมือนใช้โทรศัพท์จริง

ผมลองเข้าเว้บผมดูแระ แสดงผลสวยงามครับ  http://sisaket-news.com/

ขอบคุณท่านนี้มากๆที่ชี้ทางสว่าง

เว็บนี้แค่ใช้ไอเฟรม . . .  Lips Sealed

บางเว็บใช้วิธีตรวจจับ User agent เพื่อแสดงส่วนประกอบออกมา แชทด้านล่าง(ในหน้าเว็บผมที่ทดสอบ)หากมีการเปลี่ยน User agent ให้เป็นของ Device จริงๆ รูปแบบจะเปลี่ยนไป (จะแสดงผลเหมือนใน Google Chrome ที่เลือกให้เปลี่ยน User agent ด้วย)
บันทึกการเข้า
Twenty-One
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 11,762



ดูรายละเอียด เว็บไซต์
« ตอบ #26 เมื่อ: 19 กรกฎาคม 2014, 09:06:04 »
อ้างจาก: akkradet ที่ 19 กรกฎาคม 2014, 01:00:13
ผมใช้ตัวนี้ครับ ดูได้เกือบครบเลย

โค๊ด:
http://www.responsinator.com/


ผมก็ใช้ตัวนี้อยู่ครับ แจ่มมากๆ
บันทึกการเข้า
# บริการโฮสติ้งขั้นเทพ 24/7 เปิดให้บริการ web hosting มาแล้ว 14 ปี ลูกค้ากว่า 40,000 ราย ให้ความไว้วางใจ
# hosting คุณภาพสูง ดูแลระบบโดย system engineer ประสบการณ์สูง
# host เร็ง แรง ไม่มีล่ม ติดตั้ง cms ฟรี
# vps ราคาถูก 50GB 999 บาท
kanin03
สมุนแก๊งเสียว
*

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

กระทู้: 500



ดูรายละเอียด
« ตอบ #27 เมื่อ: 21 กรกฎาคม 2014, 21:22:41 »
อ้างจาก: Twenty-One ที่ 19 กรกฎาคม 2014, 09:06:04
อ้างจาก: akkradet ที่ 19 กรกฎาคม 2014, 01:00:13
ผมใช้ตัวนี้ครับ ดูได้เกือบครบเลย

โค๊ด:
http://www.responsinator.com/


ผมก็ใช้ตัวนี้อยู่ครับ แจ่มมากๆ


อันนี้ก็ดีครับ

ตามหลักแล้วก็ใช้เพิ่อดูคร่าวๆ น่ะครับถ้าเราเขียน css ดักตรงตามขนาดหน้าจอมันก็ไม่มีทางเพื้ยนไปกว่าหลอกครับ ไม่งั้นเค้าไม่ทำเว็บพวกนี้หรือทูลสำเร็จรูปหรือย่อขยายหน้าจอได้

ที่มันแสดงผลผิดคือ บางที browser บางตัวมันไม่รองรับ technology บางอย่าง ดูได้ว่า browser ตัวไหนรองรับอะไรบ้าง
โค๊ด:
http://css3test.com/
ซึ่งถ้าเราบังเอิญไปใช้ ขอสมมุตินะครับ Grid Layout แล้วรันบน Firefox ปรับขนาดอย่างดีลองย่อลองเทสตามเว็บตามทูลแสดงผลตรงหมด
แต่มาเปิดกับโทรศัพท์จริง ซึ่งใช้ Chrome ซึ่งไม่รองรับ Grid Layout ก็ทำให้เพี้ยนนั่นเอง  wanwan017
บันทึกการเข้า
Jir4yu
สมุนแก๊งเสียว
*

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

กระทู้: 817



ดูรายละเอียด เว็บไซต์
« ตอบ #28 เมื่อ: 21 กรกฎาคม 2014, 22:21:01 »
สำหรับผมไม่ได้ใช้ plugin หรือ extension เสริมเลยครับ เพราะเป็น feature ใหม่ที่อยู่ใน Chromium
กดเรียก developer tools ขึ้นมาเหมือน Chrome แต่มีปุ่ม responsive devices ให้เลือก จำลองได้ว่าใช้กับอุปกรณ์อะไร เช่น iphone4, 5, ipad 2-3-4 หรือ android ตัวอิ่นๆ
อีกทั้งยังปรับจำลองความเร็วในการโหลดหน้าเว็บได้ด้วยว่าจะเป็น edge 3g หรือ wifi ความเร็วสูง



ผมว่าจริงๆ แล้ว chromium เป็น browser ที่เจ๋ง แล้วก็อัพเดทบ่อยดีด้วยนะครับ นักพัฒนาคนไหนสนใจก็ลองโหลดมาใช้ดูได้ครับ
บันทึกการเข้า
ติดตามข้อมูลอัพเดทข่าวสารอย่างมือถือ แอป เกม รวมถึงคริปโตได้ที่เว็บไซต์ thetechr.com - ข่าวไอทีใหม่ๆ ไม่พลาดทุกก้าวเทคโนโลยี
หน้า: 1 [2]  ทั้งหมด   ขึ้นบน
พิมพ์
« หน้าที่แล้ว ต่อไป »
กระโดดไป: