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

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

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

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

กระทู้: 886



ดูรายละเอียด
« เมื่อ: 06 ตุลาคม 2014, 13:16:06 »

ทำเว็บให้รองรับบนมือถือ นอกจาก responsive แล้ว มีวิธีอื่นมั้ยครับ เห็น bootstrap ก็มีคนเสนอ แต่ไม่รู้จักอะ ผมเพิ่งจะมาลองทำ repornsive ก็ตอนทำงาน แล้วแบบใหนทำง่ายกว่ากันอะครับ ส่วนมากผมจะเขียนเว็บเองด้วย
บันทึกการเข้า
manussawin
ก๊วนเสียว
*

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

กระทู้: 364



ดูรายละเอียด
« ตอบ #1 เมื่อ: 06 ตุลาคม 2014, 13:43:43 »

ลองค้นหาและศึกษา jquery mobile ดูครับ อีก 1 ทางเลือก
บันทึกการเข้า
superjak
สมุนแก๊งเสียว
*

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

กระทู้: 507



ดูรายละเอียด
« ตอบ #2 เมื่อ: 06 ตุลาคม 2014, 13:46:46 »

ค่อนข้าง งง คำถามนิดหน่อยครับ
 responsive คือโครงสร้างเว็บ ที่ สามารถ detect เปลี่ยนเลเอ้าท์ของเว็บให้แมทช์ให้มีขนาดเท่ากับอุปกรณ์ที่เรารับชมอยู่ไม่ว่าจะ pc , tablet , smart phone
ภาษาที่สร้างก็เป็น html5 + css3  ซึ่งก็สุดแล้วแต่ท่านจะสร้างด้วยเครื่องมือใด ไม่ว่าจะ bootstrap  หรือ editor ต่างๆ ทั้ง editplus , dreamweaver  หรือสะดวกกว่านั้น ก็ใช้พวก drag and drop จับลากๆๆ วางๆๆ
อย่าง webflow (มีตัวอย่างให้ลองใช้) ง่ายดีครับ

ส่วนเว็บที่มีข้อมูลมหาศาล การใช้งานหนักๆ เค้าก็สร้างเป็น mobile site แยกกันไปเลย ไม่ได้สร้างเป็น responsive และใช้วิธีตรวจสอบอุปกรณ์ที่เข้าชมแล้วดีไรเร็ค ส่งไปยัง เว็บที่กำหนด
บันทึกการเข้า
sajai
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,017



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 06 ตุลาคม 2014, 16:26:03 »

 Cry  ขอบคุณข้อมูลดีๆค่ะ
บันทึกการเข้า

ทำนายฝันทำนายฝัน
เลขมงคลเลขมงคล
ผลหวยสดหวยสด
ผลหวยรัฐบาลไทยหวยรัฐบาลไทย
ผลหวยลาวหวยลาว
goldxp
สมุนแก๊งเสียว
*

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

กระทู้: 559



ดูรายละเอียด
« ตอบ #4 เมื่อ: 06 ตุลาคม 2014, 20:25:40 »

ใช้ media query ธรรมดาๆ ก็ทำได้เหมือนกันครับ
เริ่มจากจอ pc ธรรมดา แล้วก็ระบุลงไปว่าขนาดจอเล็กๆ ลงมาจะให้แสดงแบบไหน
https://developer.mozilla.org/...cs/Web/Guide/CSS/Media_queries

สำหรับ bootstrap มันจะอำนวยความสะดวก ไม่ต้องระบุ pixel ละเอียดอะไรมากทำให้งานเร็วขึ้นนะครับ
บันทึกการเข้า

metrosexual
Verified Seller
ก๊วนเสียว
*

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

กระทู้: 491



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 06 ตุลาคม 2014, 22:54:07 »

redirect ไปซับโดนเมน เช่น m.domain.com
บันทึกการเข้า
phaishow
คนรักเสียว
*

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

กระทู้: 151



ดูรายละเอียด
« ตอบ #6 เมื่อ: 08 ตุลาคม 2014, 13:32:19 »

ผมไม่รู้ว่าเข้าใจถูกหรือเปล่านะครับ

ทำ responsive คือ code เดียวกัน แสดงผลได้ทุก device (แต่ผลที่แสดงของแต่ละ device จะไม่เหมือนกัน)
ทีนี้ ถ้าถามว่า มีวิธีอื่นไหมที่ รองรับ mobile โดยที่ไม่ต้องทำ responsive คำตอบคือ ทำ version สำหรับ mobile โดยเฉพาะครับ

ก็แยกหลักๆ ไปเป็น desktop, tablet, phablet, mobile แล้วตอน request มา ก็ให้ detect device แล้ว redirect ไปแต่ละ version ของ device เอาครับ
บันทึกการเข้า

รู้หลบเป็นปีก รู้หลีกเป็นหาง .. รู้ทุกอย่าง เป็นไปไม่ได้
---
รับเขียนโปรแกรม php ทุกรูปแบบ
รับเขียนโปรแกรม desktop pc ด้วยภาษา php,html,javascript
สนใจ/คุยรายละเอียด PM ได้เลยครับ
~บอล~
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,551



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 08 ตุลาคม 2014, 15:09:20 »

bootstrap ก็เป็น responsive สำเร็จรูปครับ
ถ้าไม่ทำเป็น responsive  ก็ทำแบบยุคเก่า mobile Site ทำแยกกับตัวเว็บหลักออกมา
บันทึกการเข้า

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

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

กระทู้: 3,007



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 08 ตุลาคม 2014, 15:18:25 »

 Tongue ทุกอย่างที่เรียกกันมา มันก็แค่เป็น CSS สำเร็จรูปที่ฝรั่งทำมาเกินใช้ครับ  อย่าไปคิดมากครับ

ตอบคำถามถ้าไม่ทำ Reponsive แล้วจะทำอย่างไร?? ... ตอบ ทำให้ขนาดกว้าง 100% ให้หมดครับเดี๋ยวมันก็ยืดหดเองตามขนาดหน้าจอครับ  wanwan019
บันทึกการเข้า

ติดต่อทางเมล์ [email protected] by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
kunnarakkup
สมุนแก๊งเสียว
*

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

กระทู้: 886



ดูรายละเอียด
« ตอบ #9 เมื่อ: 10 ตุลาคม 2014, 09:23:45 »

Tongue ทุกอย่างที่เรียกกันมา มันก็แค่เป็น CSS สำเร็จรูปที่ฝรั่งทำมาเกินใช้ครับ  อย่าไปคิดมากครับ

ตอบคำถามถ้าไม่ทำ Reponsive แล้วจะทำอย่างไร?? ... ตอบ ทำให้ขนาดกว้าง 100% ให้หมดครับเดี๋ยวมันก็ยืดหดเองตามขนาดหน้าจอครับ  wanwan019

ขอบคุณครับตอนนี้เว็บที่ทำอยู่ใช้เป็น Reponsive ละเดียวจะได้ทำเว็บใหม่อะครับกำเลยจะลองดูว่ามีวิธีที่สะดวกกว่า Reponsive มั้ย
บันทึกการเข้า
lanama
ก๊วนเสียว
*

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

กระทู้: 237



ดูรายละเอียด
« ตอบ #10 เมื่อ: 10 ตุลาคม 2014, 09:32:05 »

เพิ่งอ่านเรื่องนี้มาเมื่อวันก่อน เพราะสงสัยว่า ถ้าเข้าด้วยมือถือ จะทำเว็บแบบไหน ถึงจะเปิดเว็บได้เร็วสุด

ก็เจอว่ามี 3 แบบค่ะ คือ

1. แยกเป็นหน้าเว็บของมือถือไปเลย เช่น m.ชื่อเว็บ.com
2. แบบ Responsive
3. แบบ Dynamic

3 อันต่างกันยังไง ลองไปอ่านเองนะคะ - http://www.feedthebot.com/mobile/pagespeed.html


จากข้างบน เค้าสรุปว่า Responsive จะประมวลผลได้เร็วสุดค่ะ
บันทึกการเข้า
Jir4yu
สมุนแก๊งเสียว
*

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

กระทู้: 824



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 10 ตุลาคม 2014, 09:53:05 »

ผมว่าขึ้นอยู่กับประเภทของเว็บไซต์ด้วยครับ

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

ส่วนตัวคิดว่า mobile site ยังไม่ล้าหลังครับ อาจจะดีด้วยซ้ำหากต้องการแยกการแสดงผล แล้ว track ผู้ใช้งานอย่างชัดเจน

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

ทำบุญ สถานที่ทำบุญ สายมู-สายธรรมะ - วอลเปเปอร์สายมู และบทความเกี่ยวกับพุทธศาสนา
nabid999
สมุนแก๊งเสียว
*

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

กระทู้: 764



ดูรายละเอียด
« ตอบ #12 เมื่อ: 10 ตุลาคม 2014, 09:54:11 »

เพิ่งอ่านเรื่องนี้มาเมื่อวันก่อน เพราะสงสัยว่า ถ้าเข้าด้วยมือถือ จะทำเว็บแบบไหน ถึงจะเปิดเว็บได้เร็วสุด

ก็เจอว่ามี 3 แบบค่ะ คือ

1. แยกเป็นหน้าเว็บของมือถือไปเลย เช่น m.ชื่อเว็บ.com
2. แบบ Responsive
3. แบบ Dynamic

3 อันต่างกันยังไง ลองไปอ่านเองนะคะ - http://www.feedthebot.com/mobile/pagespeed.html


จากข้างบน เค้าสรุปว่า Responsive จะประมวลผลได้เร็วสุดค่ะ


ขอบคุณสำหรับ ลิงค์ข้อมูลครับ

เรามาถูกทางแล้ว เย้ !!! wanwan003
บันทึกการเข้า

dekbannok14
ก๊วนเสียว
*

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

กระทู้: 427



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 10 ตุลาคม 2014, 09:56:46 »

ก็สร้าง layout เฉพาะมือถือ
บันทึกการเข้า

ซื้อสลากดิจิทัล
น้ำตกข้างบ้าน
รีวิวร้านกาแฟ
รีวิวท่องเที่ยว

รับตัด HTML+CSS ตาม Design(.PSD) ที่มีให้ โดย Bootsrap หรืออื่นๆ ลองคุยครับ
BrainFreeze
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,885



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 10 ตุลาคม 2014, 10:12:45 »

แยกเว็ยตามที่ท่านอื่นบอกครับ
บันทึกการเข้า

# จัดไป Promo Code ลด 11% : THAISEOBOARD
# hostatom.com |โฮสอะตอม - เว็บโฮสติ้งที่ Webmaster มืออาชีพไว้วางใจ
# Web Hosting | Cloud VPS | Reseller Hosting | Domain Name
# บริการ 24x7 | รับประกันความพอใจยินดีคืนเงิน | Uptime 99.9% | โทร : 0-2107-3466
ball6847
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 4,152



ดูรายละเอียด
« ตอบ #15 เมื่อ: 11 ตุลาคม 2014, 01:03:01 »

อย่าลืมดูต้นทุนของตัวเองด้วยนะครับ responsive เป็นทางเลือกที่ดีและคุ้มค่าที่สุดแล้วครับ นอกซะจากว่ามีเวอร์ชั่น desktop อยู่แล้ว แต่ต้องการเพิ่ม mobile version อันนี้ก็อีกเรื่องนะครับ ..
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์