Chọn Khung HTML5 Web di động [đã đóng]


131

Đối với dự án mới, tôi đã tìm kiếm một khung có hỗ trợ HTML5 và chạy trên thiết bị di động, đó là IPhone, IPads. Tôi phát hiện ra những điều này:

Điều chính đối với tôi là HTML5. Mặc dù tôi đã xem qua các tính năng họ cung cấp, tôi chỉ muốn biết trải nghiệm của bạn nếu có với họ.

Tôi nên tìm cái nào khi tìm kiếm:

  • Bắt đầu nhanh
  • Tài liệu tốt
  • Phát triển web tương tự
  • Hỗ trợ tốt cho nền tảng di động

5
Tôi sẽ đi với jQuery Mobile. Điều này có thể quảng cáo một cái gì đó cho quyết định của bạn - stackoverflow.com/questions/5071369/ từ
jimmystormig

Tôi thích nhìn thấy câu trả lời. Có bao nhiêu trong số các khung này làm tăng html / js / css (ví dụ: jQuery Mobile) trái ngược với môi trường phát triển tạo ra html / js / css (có thể giống như Cappuccino trong thế giới ứng dụng web)?
johnhunter

Nó sẽ giúp chỉ định những gì bạn muốn xây dựng. Một ứng dụng web bắt chước một ứng dụng gốc, danh sách, băng chuyền, hình động? Bạn không cần một khung để tạo tài liệu HTML5 hoạt động trên thiết bị di động.
antonj

3
Bạn cần làm rõ những gì bạn muốn xây dựng cuối cùng: webapp hoặc ứng dụng gốc (nhưng phát triển trong HTML5)? Ngoại trừ Titanium, hầu hết các khung dành cho webapp, bạn sẽ cần thêm công việc để bọc chúng trong một ứng dụng gốc. Nhưng ứng dụng gốc mạnh hơn nhiều so với webapp, đặc biệt là bạn muốn gửi email và tải lên tệp trong iOS.
vincicat

2
Câu trả lời dứt khoát cho câu hỏi này là gì? Có vẻ chủ quan với tôi.
Phrogz

Câu trả lời:


123

Nó phụ thuộc vào đối tượng mục tiêu của bạn là gì và mức độ tương tác của trang web bạn đang xây dựng.

jQTouch:
nặng về CSS, nhẹ về JavaScript, giấy phép MIT
Đối với một khung cung cấp một sự khởi đầu nhanh chóng, nhưng không có nhiều tài liệu không may, hãy sử dụng jQTouch. Nó đòi hỏi rất ít để bắt đầu và mã hóa khá đơn giản. Nó sử dụng các lớp CSS để phát hiện các hình ảnh động và tương tác thích hợp.

Sencha Touch:
gần như hoàn toàn JavaScript, GPL không được sử dụng trên các trang web thương mại mà không có giấy phép
Nếu bạn đang xây dựng một ứng dụng doanh nghiệp phức tạp với nhiều tương tác trực quan, tôi rất muốn giới thiệu Sencha Touch, nó được ghi nhận rất nhiều, với đội ngũ chuyên nghiệp mạnh mẽ cung cấp ủng hộ.

M-Project:
Giấy phép MIT, nặng về JavaScript, dường như ở Alpha, có thể có lỗi
Mặc dù tôi chưa bao giờ làm việc với M-Project (cảm ơn vì đã chỉ ra) nó có vẻ rất mạnh mẽ và mã hóa phong cách dường như rất giống với Sencha Touch, dựa trên ExtJS, vì vậy nếu nhóm của bạn đã có kinh nghiệm với ExtJS, có lẽ nên khôn ngoan khi xem xét một trong những khung này.

Nimblekit:
Điều này dường như chỉ dành cho iOS, không phải là một điều tốt nếu bạn từng quyết định mở rộng ứng dụng của mình sang Android hoặc một số nền tảng khác.

Wink Toolkit:
dường như là MIT, hoặc một số biến thể trong đó Theo tôi, wink dường như có rất nhiều thứ cho nó, nhưng tài liệu cảm thấy lạnh

jQuery Mobile:
Giấy phép kép MIT hoặc GPL 2, chỉ là hỗn hợp đúng của JavaScript và CSS
Tôi sẽ cho phép ai đó có nhiều kinh nghiệm hơn nói về công trạng, nhưng jQuery mobile (mặc dù cũng ở dạng alpha) được hỗ trợ bởi một nhóm mạnh và một cộng đồng những người ủng hộ bằng cách mở rộng thư viện jQuery cốt lõi. Có lẽ là sự lựa chọn tốt nhất cho bất cứ điều gì ngoại trừ các ứng dụng trung tâm doanh nghiệp nhất.

Titanium:
Titanium không phải là một khung di động HTML5, nó là một giao diện dựa trên javascript cho các mô-đun mã gốc có trong khung. Đó là một khung khá thẳng về phía trước, nhưng tôi sẽ xem xét tài liệu thưa thớt.

Tóm lại:
1. jQuery mobile - miễn là ứng dụng của bạn không phải là trung tâm doanh nghiệp
2. Sencha Touch - nếu ứng dụng của bạn tập trung vào doanh nghiệp hoặc nặng về tương tác người dùng
3. jQTouch - nếu những gì bạn đang tìm kiếm là một khung đơn giản để bắt đầu nhanh chóng, nhưng bạn không cần nhiều sự thích thú.
4. Titanium - nếu bạn quan tâm hơn đến việc có các điều khiển gốc thực tế trong ứng dụng của mình

Ứng dụng trình diễn

Có một dự án nguồn mở, PropertyCross , thể hiện cùng một ứng dụng được triển khai với một loạt các khung nền tảng chéo. Nó rất hữu ích để so sánh mã, trải nghiệm phát triển và trải nghiệm người dùng cuối của các khung khác nhau.


4
jqTouch đã được Sencha mua một thời gian trước đây để tạo Sencha Touch. jqTouch dựa trên jQuery và Sencha Touch đã được chuyển sang ExtJS
pakman

jQTouch vẫn là mã nguồn mở và Sencha Touch là một cổng của ExtJS
samshull

1
THƯỞNG các hộp chọn không bản địa trong jQuery Mobile. Họ sẽ giết bộ nhớ điện thoại của bạn.
Jason Sebring

Tôi đã tạo một dự án mã nguồn mở propertycross.com để giúp chọn một khung di động đa nền tảng bằng cách hiển thị cùng một ứng dụng được triển khai với Sencha, Titanium, Xamarin và hơn thế nữa ...
ColinE

4
Bạn có ý nghĩa gì doanh nghiệp trung tâm?
Đánh dấu Boulder

14

jQuery Mobile tốt hơn và có hỗ trợ tốt !!


9

Gắn bó với jQuery di động. Nó nhanh hơn jQtouch. Nó cũng có tài liệu tốt hơn sau đó senchas. Senchas thời gian tải ban đầu là chậm. Nhìn chung, jQuery mobile thắng cược của tôi.


7

Khung này tôi khuyên dùng ở đây khá mới, nhưng bạn có thể muốn thử nó trong tương lai: Mobl - HTML5 cho ứng dụng di động .

Trên thực tế, đó là DSL (ngôn ngữ dành riêng cho miền) để xây dựng ứng dụng HTML 5 trên thiết bị di động. Nó được Zef Hemel xây dựng như một phần của luận án tiến sĩ của anh ấy và cho phép một cách rất dễ dàng để xây dựng một ứng dụng HTML5 một cách nhanh chóng

Về yêu cầu của bạn:

  1. Bắt đầu nhanh : có, rất đơn giản để bắt đầu phát triển với Mobl. Chỉ cần thêm một bổ trợ Eclipse và thay đổi một số cấu hình.

  2. Tài liệu: hướng dẫn là đủ tốt, nhưng nó thiếu điều hướng, ý tôi là, một cấu trúc toàn diện. Tôi hy vọng họ sẽ thêm nó sớm.

  3. Phát triển web tương tự: Tôi không nghĩ là vậy. Là một DSL, Mobl có cấu trúc khác (mặc dù cú pháp tương tự javascript) so với ngôn ngữ kịch bản web (HTML, Javascript, ...). Nhưng nó không mất nhiều thời gian để hiểu chúng.

  4. Hỗ trợ : Điều này không tốt. Ở giai đoạn đầu này, cộng đồng Mobl rất hạn chế.



4

Bạn cũng có thể muốn xem PhoneGap (mã nguồn mở). Nó cũng có một dịch vụ xây dựng miễn phí trên đám mây sẽ bơm ra các ứng dụng gốc cho hầu hết các điện thoại phổ biến từ một cơ sở mã nguồn duy nhất. Tôi đã không thử bản thân mình nhưng nghe có vẻ hấp dẫn.


3

Tôi sẽ bắt đầu với tấm nồi hơi HTML 5 . Nó hơi nặng một chút nhưng bạn có thể thêm hoặc xóa bao nhiêu tùy ý. Chắc chắn là mẫu HTML5 hoàn chỉnh nhất mà tôi đã tìm thấy. Sau đó, tôi sẽ đi với jQuery Mobile . Nó chưa ra khỏi alpha, do đó, nó có thể có một chút lỗi nhưng có một cộng đồng tuyệt vời đằng sau nó và nó có cấu trúc tốt để tạo plugin.


3

Bạn cũng có thể muốn xem xét Google Web Toolkit, cho phép bạn viết các ứng dụng HTML5 trên thiết bị di động bằng Java. GWT có một hệ thống tạo khuôn mẫu nơi bạn có thể bao gồm HTML và CSS, do đó, điểm khác biệt chính là bạn đang viết bằng Java thay vì Javascript. Sencha Touch đã được đề cập trước đó, cũng có phiên bản GWT có tên Gwt4Touch.




1

Đối với các dự án trong tương lai của bạn, bạn cũng có thể xem xét DHTMLX Touch , một khung công tác mã nguồn mở miễn phí để xây dựng các ứng dụng web di động. Thật dễ dàng để bắt đầu và có diễn đàn hỗ trợ trực tiếp. Một số bản demo: http://www.dhtmlx.com/touch/samples/

(Tôi làm việc cho DHTMLX)

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.