การเลือกเฟรมเวิร์ก HTML5 ของเว็บบนมือถือ [ปิด]


131

สำหรับโปรเจ็กต์ใหม่นี้ฉันได้ค้นหาเฟรมเวิร์กที่รองรับ HTML5 และทำงานบนมือถือนั่นคือ iPhone, IPads ฉันพบสิ่งเหล่านี้:

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

ฉันควรไปหาอันไหนเมื่อมองหา:

  • เริ่มต้นอย่างรวดเร็ว
  • เอกสารที่ดี
  • การพัฒนาทางเว็บที่คล้ายกัน
  • รองรับแพลตฟอร์มมือถือได้ดี

5
ฉันจะไปกับ jQuery Mobile สิ่งนี้อาจสื่อถึงการตัดสินใจของคุณ - stackoverflow.com/questions/5071369/…
jimmystormig

ฉันสนใจที่จะเห็นคำตอบ เฟรมเวิร์กเหล่านี้เพิ่ม html / js / css (เช่น jQuery Mobile) จำนวนเท่าใดเมื่อเทียบกับสภาพแวดล้อมการพัฒนาที่สร้าง html / js / css (อาจจะเหมือนกับ Cappuccino ในโลกของ webapp)
johnhunter

มันจะช่วยระบุสิ่งที่คุณต้องการจะสร้าง เว็บแอปที่เลียนแบบแอปเนทีฟรายการภาพหมุนภาพเคลื่อนไหว? คุณไม่จำเป็นต้องมีกรอบในการสร้างเอกสาร HTML5 ที่ใช้งานได้บนอุปกรณ์เคลื่อนที่
อันทอน

3
คุณต้องอธิบายสิ่งที่คุณต้องการสร้างในที่สุด: webapp หรือแอปเนทีฟ (แต่พัฒนาใน HTML5)? ยกเว้นไททาเนียมเฟรมเวิร์กส่วนใหญ่เป็นของเว็บแอพคุณจะต้องทำงานพิเศษเพื่อรวมไว้ในแอปเนทีฟ แต่แอปเนทีฟนั้นมีประสิทธิภาพมากกว่าแอปพลิเคชันโดยเฉพาะอย่างยิ่งคุณต้องการส่งอีเมลและอัปโหลดไฟล์ใน iOS
vincicat

2
คำตอบที่ชัดเจนสำหรับคำถามนี้คืออะไร? ดูเหมือนเป็นเรื่องส่วนตัวสำหรับฉัน
Phrogz

คำตอบ:


123

ขึ้นอยู่กับว่ากลุ่มเป้าหมายของคุณคืออะไรและไซต์ที่คุณกำลังสร้างแบบโต้ตอบนั้นเป็นอย่างไร

jQTouch:
หนักไปที่ CSS, เบาบน JavaScript, สิทธิ์การใช้งาน MIT
สำหรับกรอบงานที่ให้การเริ่มต้นอย่างรวดเร็ว แต่มีเอกสารประกอบไม่มากนักให้ใช้ jQTouch ต้องใช้เวลาเพียงเล็กน้อยในการเริ่มต้นและการเขียนโค้ดค่อนข้างตรงไปตรงมา ใช้คลาส CSS เพื่อตรวจจับภาพเคลื่อนไหวและการโต้ตอบที่เหมาะสม

Sencha Touch: JavaScript
เกือบทั้งหมดไม่ใช้ GPL ในเว็บไซต์เชิงพาณิชย์ที่ไม่มีใบอนุญาต
หากคุณกำลังสร้างแอปพลิเคชันระดับองค์กรที่ซับซ้อนพร้อมการโต้ตอบด้วยภาพจำนวนมากฉันขอแนะนำ Sencha Touch เป็นอย่างยิ่งซึ่งได้รับการบันทึกไว้เป็นอย่างดีโดยมีทีมงานมืออาชีพที่แข็งแกร่งให้บริการ สนับสนุน.

M-Project:
ใบอนุญาต MIT ซึ่งมี JavaScript เป็นจำนวนมากดูเหมือนจะอยู่ใน Alpha แต่อาจมีข้อผิดพลาด
แม้ว่าฉันจะไม่เคยทำงานกับ M-Project ด้วยตัวเอง (ขอบคุณที่ชี้ให้เห็น) ดูเหมือนว่าจะมีประสิทธิภาพมากและการเข้ารหัส ดูเหมือนว่าสไตล์จะคล้ายกับ Sencha Touch ซึ่งใช้ ExtJS มากดังนั้นหากทีมของคุณมีประสบการณ์กับ ExtJS อยู่แล้วก็ควรพิจารณาหนึ่งในกรอบงานเหล่านี้

Nimblekit:
สิ่งนี้ดูเหมือนจะมีไว้สำหรับ iOS เท่านั้นไม่ใช่เรื่องดีหากคุณเคยตัดสินใจที่จะขยายแอปพลิเคชันของคุณไปยัง Android หรือแพลตฟอร์มอื่น ๆ

Wink Toolkit:
ดูเหมือนจะเป็น MIT หรือมีการเปลี่ยนแปลงบางอย่าง ในความคิดของฉันการกระพริบตาดูเหมือนจะมีมากมายสำหรับมัน แต่เอกสารนั้นรู้สึกเย็น

jQuery Mobile:
ใบอนุญาตคู่ MIT หรือ GPL 2 เป็นส่วนผสมที่เหมาะสมของ JavaScript และ CSS
ฉันจะให้คนที่มีประสบการณ์มากขึ้นพูดคุยเกี่ยวกับข้อดี แต่ jQuery mobile (แม้ว่าจะอยู่ในอัลฟาเช่นกัน) ได้รับการสนับสนุนโดยทีมงานที่แข็งแกร่งและ ชุมชนผู้สนับสนุนโดยส่วนขยายของไลบรารี jQuery หลัก อาจเป็นทางเลือกที่ดีที่สุดสำหรับทุกสิ่งยกเว้นแอปพลิเคชันที่เน้นองค์กรมากที่สุด

ไทเทเนียม:
ไทเทเนียมไม่ใช่เฟรมเวิร์กมือถือ HTML5 แต่เป็นอินเทอร์เฟซที่ใช้จาวาสคริปต์สำหรับโมดูลโค้ดเนทีฟที่รวมอยู่ในเฟรมเวิร์ก มันเป็นกรอบที่ค่อนข้างตรงไปตรงมา แต่ฉันจะพิจารณาว่าเอกสารนั้นเบาบาง

Bottom Line:
1. jQuery mobile - ตราบใดที่แอปของคุณไม่ได้เป็นศูนย์กลางขององค์กร
2. Sencha Touch - หากแอปพลิเคชันของคุณเน้นองค์กรหรือมีปฏิสัมพันธ์กับผู้ใช้อย่างหนัก
3. jQTouch - หากสิ่งที่คุณกำลังมองหาเป็นกรอบงานง่ายๆในการเริ่มต้น ได้อย่างรวดเร็ว แต่คุณไม่ต้องการความเอร็ดอร่อยมากนัก
4. ไทเทเนียม - หากคุณกังวลเกี่ยวกับการมีการควบคุมแบบเนทีฟจริงในแอปพลิเคชันของคุณ

แอปสาธิต

มีโครงการโอเพนซอร์สPropertyCrossซึ่งแสดงให้เห็นถึงแอปพลิเคชันเดียวกันที่ใช้กับกรอบงานข้ามแพลตฟอร์มที่หลากหลาย มีประโยชน์มากสำหรับการเปรียบเทียบโค้ดประสบการณ์การพัฒนาและประสบการณ์ผู้ใช้ปลายทางของเฟรมเวิร์กต่างๆ


4
jqTouch ถูกซื้อโดย Sencha เมื่อไม่นานมานี้เพื่อสร้าง Sencha Touch jqTouch ใช้ jQuery และ Sencha Touch ถูกย้ายไปยัง ExtJS
pakman

jQTouch ยังคงเป็นโอเพ่นซอร์สและ Sencha Touch เป็นพอร์ตของ ExtJS
samshull

1
ระวังกล่องเลือกที่ไม่ใช่เจ้าของภาษาใน jQuery Mobile พวกเขาจะฆ่าหน่วยความจำในโทรศัพท์ของคุณ
Jason Sebring

ฉันได้สร้างโครงการโอเพนซอร์สpropertycross.comที่ช่วยเลือกเฟรมเวิร์กมือถือข้ามแพลตฟอร์มโดยแสดงแอปพลิเคชันเดียวกันที่ใช้กับ Sencha, Titanium, Xamarin และอื่น ๆ ...
ColinE

4
คุณหมายถึงอะไรเป็นศูนย์กลางขององค์กร
Mark Boulder


9

ติด jQuery mobile เร็วกว่า jQtouch นอกจากนี้ยังมีเอกสารประกอบที่ดีกว่า Senchas เวลาในการโหลดครั้งแรกของ Senchas ช้า โดยรวมแล้ว jQuery mobile ชนะเดิมพันของฉัน


7

กรอบนี้ผมขอแนะนำที่นี่ค่อนข้างใหม่ แต่คุณอาจต้องการที่จะลองในอนาคต: Mobl - HTML5 สำหรับ appliccation

จริงๆแล้วมันเป็น DSL (ภาษาเฉพาะโดเมน) เพื่อสร้างแอปพลิเคชัน HTML 5 บนมือถือ สร้างโดยZef Hemelซึ่งเป็นส่วนหนึ่งของวิทยานิพนธ์ปริญญาเอกของเขาและช่วยให้สามารถสร้างแอปพลิเคชัน HTML5 ได้อย่างรวดเร็ว

เกี่ยวกับคำขอของคุณ:

  1. เริ่มต้นอย่างรวดเร็ว : ใช่มันง่ายมากที่จะเริ่มพัฒนาด้วย Mobl เพียงแค่เพิ่มส่วนเสริม Eclipse และเปลี่ยนการกำหนดค่าบางอย่าง

  2. เอกสารประกอบ:บทช่วยสอนนั้นดีเพียงพอ แต่ไม่มีการนำทางฉันหมายถึงโครงสร้างที่ครอบคลุม ฉันหวังว่าพวกเขาจะเพิ่มในไม่ช้า

  3. การพัฒนาเว็บที่คล้ายกัน:ฉันไม่คิดว่ามันเป็น ในฐานะ DSL Mobl มีโครงสร้างที่แตกต่างกัน (ไวยากรณ์คล้ายกับจาวาสคริปต์) เมื่อเทียบกับภาษาสคริปต์เว็บ (HTML, Javascript, ... ) แต่ใช้เวลาไม่มากในการทำความเข้าใจพวกเขา

  4. สนับสนุน : สิ่งนี้ไม่ดี ในช่วงแรกชุมชน Mobl ถูก จำกัด อย่างมาก


6

jQuery มือถือเป็นตัวเลือกที่ดีในการเลือกของท่านก็มีเอกสารที่ดีและการสนับสนุน นอกจากนี้ยังมีที่นี่เป็นบทความที่ดีคุณจะได้รับความคิดบางอย่างที่หนึ่งในการเลือก ...


@AndersMetnik tnx เพื่อชี้ให้เห็น
Rafay

4

คุณอาจต้องการดู PhoneGap (opensource) นอกจากนี้ยังมีบริการบิวด์ฟรีในระบบคลาวด์ที่จะขยายแอปเนทีฟสำหรับโทรศัพท์ยอดนิยมส่วนใหญ่จากฐานซอร์สโค้ดเดียว ฉันไม่ได้ลองด้วยตัวเอง แต่ฟังดูน่าสนใจ


3

ฉันจะเริ่มต้นกับHTML 5 จานหม้อไอน้ำ หนักไปหน่อย แต่คุณสามารถเพิ่มหรือลบออกได้มากเท่าที่คุณต้องการ เทมเพลต HTML5 ที่สมบูรณ์ที่สุดที่ฉันพบ แล้วฉันจะไปกับมือถือ jQuery ยังไม่ได้ออกจากอัลฟ่าดังนั้นจึงคาดว่าจะมีปัญหาเล็กน้อย แต่มีชุมชนที่ยอดเยี่ยมอยู่เบื้องหลังและมีโครงสร้างที่ดีสำหรับการสร้างปลั๊กอิน


3

คุณอาจต้องการตรวจสอบ Google Web Toolkit ซึ่งช่วยให้คุณสามารถเขียนแอป HTML5 บนมือถือใน Java GWT มีระบบเทมเพลตที่คุณสามารถรวม HTML และ CSS ได้ดังนั้นความแตกต่างที่สำคัญคือคุณกำลังเขียนใน Java แทนที่จะเป็น Javascript Sencha Touch ที่ได้รับการกล่าวถึงก่อนหน้านี้ยังมาในเวอร์ชัน GWT ที่เรียกว่า Gwt4Touch




1

สำหรับโครงการในอนาคตของคุณคุณอาจดูDHTMLX Touchซึ่งเป็นเฟรมเวิร์กโอเพนซอร์สฟรีสำหรับสร้างเว็บแอปบนอุปกรณ์เคลื่อนที่ มันค่อนข้างง่ายที่จะเริ่มต้นและมีฟอรัมการสนับสนุนแบบสด การสาธิตบางส่วน: http://www.dhtmlx.com/touch/samples/

(ฉันทำงานกับ DHTMLX)

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.