Cách sử dụng AJAX để tạo một ứng dụng cho việc lập trình HTML5 và CSS3

Mọi người đều muốn làm cho các ứng dụng di động ngày nay. Đây là bí mật lớn. Nhiều ứng dụng thực sự được viết bằng HTML5, CSS và JavaScript. Bạn đã biết mọi thứ bạn cần để thực hiện các ứng dụng hoạt động trên thiết bị di động. Tốt hơn nữa, bạn không cần phải học một ngôn ngữ mới hoặc được phép từ cửa hàng ứng dụng hoặc mua một giấy phép, như bạn làm cho các ứng dụng gốc.

Có một vài thủ thuật tuyệt vời mà bạn có thể thực hiện cho người dùng iOS Bạn có thể thiết kế chương trình của bạn để người dùng có thể thêm một biểu tượng trực tiếp vào desktop. Người dùng có thể bắt đầu chương trình như bất kỳ ứng dụng nào khác. Bạn cũng có thể làm cho trình duyệt ẩn các tiện ích trình duyệt thông thường để chương trình của bạn không giống như nó đang chạy trong trình duyệt!

Nó chỉ ra những hiệu ứng này là khá dễ dàng để làm.

Thêm biểu tượng vào chương trình

Các phiên bản hiện đại của iOS (hệ điều hành iPhone / iPad) đã có khả năng lưu trữ bất kỳ trang web nào trên desktop. Chỉ cần xem trang web trong Safari và nhấp vào nút Chia sẻ. Bạn sẽ tìm thấy một tùy chọn để lưu trang web vào máy tính để bàn. Bạn có thể hướng dẫn người dùng thực hiện việc này và họ sẽ có thể khởi chạy chương trình của bạn như một ứng dụng bình thường.

Tuy nhiên, biểu tượng mặc định cho một ứng dụng đã lưu là khá xấu. Nếu bạn muốn có một biểu tượng đẹp, bạn có thể lưu hình ảnh nhỏ dưới dạng. png và đặt nó vào cùng thư mục với chương trình của bạn. Sau đó, bạn có thể thêm dòng này vào trang của bạn (trong tiêu đề) và hình ảnh đó sẽ xuất hiện trên desktop khi người dùng lưu chương trình của bạn:

Như một khoản tiền thưởng thêm, iPhone hoặc iPad tự động điều chỉnh hình ảnh giống như một Biểu tượng của Apple, thêm các hiệu ứng phù hợp với phiên bản iOS cài đặt (tròn và tròn trong iOS6, phẳng trong iOS7)

Tất nhiên, biểu tượng lừa này là một cơ chế duy nhất của Apple. Với hầu hết các phiên bản của Android, bất kỳ dấu trang nào bạn đã chỉ định bằng trình duyệt chính của bạn đều có thể được thêm vào màn hình nhưng không có tùy chọn biểu tượng tùy chỉnh. Chỉ thị apple-touch-icon sẽ đơn giản bị bỏ qua nếu bạn đang sử dụng một số hệ điều hành khác.

Xoá thanh công cụ Safari

Mặc dù chương trình của bạn trông đẹp trên màn hình chính, khi người dùng kích hoạt chương trình, nó vẫn hiển nhiên rằng chương trình là một phần của trình duyệt web. Bạn có thể dễ dàng ẩn thanh công cụ của trình duyệt bằng một dòng khác trong tiêu đề:

Mã này sẽ không làm gì khác trừ khi chương trình được gọi từ màn hình. Tuy nhiên, trong trường hợp đó, nó ẩn thanh công cụ, làm cho chương trình trông giống như một ứng dụng đầy đủ. Là một tiền thưởng thêm, điều này chạy chương trình trong chế độ toàn màn hình, cho bạn thêm một chút nữa để chơi trò chơi.

Một lần nữa, đây là một giải pháp cụ thể của Apple. Không có cách nào dễ dàng để đạt được hiệu quả tương tự trên các thiết bị Android.

Lưu trữ chương trình của bạn ngoại tuyến

Giờ đây, chương trình của bạn trông giống như một ứng dụng, ngoại trừ chương trình chỉ chạy khi bạn kết nối với Internet. HTML5 có một tính năng tuyệt vời cho phép bạn lưu trữ toàn bộ trang web tại địa phương trong lần đầu tiên nó chạy.

Sau đó, nếu người dùng cố truy cập vào chương trình và hệ thống không thể truy cập trực tuyến, bản sao cục bộ của trò chơi sẽ được chạy. Về bản chất, chương trình được tải về lần đầu tiên nó được kích hoạt và ở trên thiết bị cục bộ.

Đây là một hiệu quả tương đối dễ đạt được:

• Làm cho chương trình của bạn ổn định: Trước khi bạn có thể sử dụng cơ chế lưu trữ ngoại tuyến, bạn sẽ muốn đảm bảo rằng chương trình của bạn đã sẵn sàng cho việc phát hành. Tối thiểu, bạn cần đảm bảo bạn biết tất cả các tệp ngoài cần thiết của trò chơi.

• Chỉ sử dụng tài nguyên cục bộ: Đối với loại dự án này, bạn không thể dựa vào Internet bên ngoài, do đó bạn cần phải có tất cả các tệp tin cục bộ. Điều này có nghĩa là bạn không thể thực sự sử dụng PHP hoặc các tệp bên ngoài. Bạn sẽ cần phải có một bản sao cục bộ của tất cả mọi thứ trên máy chủ.

• Xây dựng một ngọn đồi. manifest file: Nhìn vào thư mục có chứa trò chơi của bạn, và tạo ra một tập tin văn bản mới được gọi là.

• Viết dòng đầu tiên: Dòng đầu tiên của bộ nhớ cache. tệp kê khai chỉ nên chứa văn bản MANUFI CACHE (tất cả bằng chữ hoa).

• Tạo một danh sách các tập tin trong thư mục: Ghi tên của mỗi tập tin trong thư mục, một tập tin trên mỗi dòng. Hãy cẩn thận với cách viết hoa và chính tả của bạn.

• Thêm thuộc tính manifest: Thẻ có một thuộc tính mới được gọi là manifest. Sử dụng lệnh này để mô tả đến máy chủ nơi có thể hiển thị tệp kê khai bộ nhớ cache:

• Tải trang bình thường: Bạn sẽ cần phải tải trang web một lần theo cách thông thường. Nếu tất cả được thiết lập đúng, trình duyệt sẽ lặng lẽ tạo một bản sao của tệp.

• Kiểm tra ngoại tuyến: Cách tốt nhất để kiểm tra bộ nhớ ngoại tuyến là tạm thời tắt truy cập không dây trên máy tính của bạn và sau đó thử truy cập tệp. Nếu mọi chuyện diễn ra, bạn sẽ có thể thấy trang của bạn như thể bạn vẫn trực tuyến.

• Kiểm tra cài đặt máy chủ: Nếu bộ nhớ ngoại tuyến không hoạt động, bạn có thể cần kiểm tra với quản trị máy chủ của mình. Loại văn bản / manifest MIME cần phải được định cấu hình trên máy chủ. Bạn có thể yêu cầu quản trị viên máy chủ của bạn đặt tùy chọn này trong. htaccess file cho tài khoản của bạn:

  addtype text / cache-manifest. manifest
  

Lưu ý rằng có thể mất vài giờ để nhận ra các thay đổi, vì vậy khi bạn thay đổi trang của mình, những thay đổi này sẽ không được tự động cập nhật lên trình duyệt cục bộ. Đó là lý do tại sao tốt nhất là lưu lưu trữ trực tuyến cho gần kết thúc chu kỳ phát triển dự án của bạn.