Chạy mã JavaScript trên thiết bị Android của bạn. Cho phép bạn chạy ngay lập tức bất kỳ mã JavaScript nào.
Nếu bạn muốn tạo ứng dụng của riêng mình bằng JavaScript, hãy sử dụng Trình tạo ứng dụng. https. //chơi. Google. com/store/apps/details?id=com. serakont. appbuilder2
Việc sử dụng JavaScript sẽ cho phép bạn sử dụng thiết bị Android của mình cho mục đích này.
Trong khi đi du lịch vào Lễ tạ ơn, tôi đã suy nghĩ về cách thức hoạt động của bộ vi xử lý 6502 và muốn phân tích một số mạch logic Boolean. Một nhiệm vụ lập trình tầm thường nhưng máy tính duy nhất tôi có là điện thoại của mình
Tôi đã tìm kiếm các ngôn ngữ lập trình có sẵn trên Android. Python cho Android trông quá phức tạp. Clojure REPL khiến tôi tò mò nhưng tôi không muốn học Clojure ngay bây giờ. Các ngôn ngữ khác có vẻ hạn chế hoặc có lỗi. Sau đó, tôi bị ấn tượng bởi sự lựa chọn rõ ràng cho một ngôn ngữ mạnh mẽ và được hỗ trợ đầy đủ với khả năng đồ họa. JavaScript. Tôi có thể chạy các chương trình JavaScript trong trình duyệt nếu tôi có cách nhập chúng
Tôi đã tải xuống DroidEdit Pro. Phần mềm này cung cấp cho tôi trình chỉnh sửa toàn màn hình cho các tệp trên điện thoại của tôi. Nhập HTML trên điện thoại rất khó khăn cho đến khi tôi tải xuống Bàn phím của Hacker, giúp nhập các ký tự đặc biệt dễ dàng hơn nhiều. Hình dưới đây cho thấy các công cụ này đang được sử dụng
Chu kỳ phát triển của tôi là
- Chỉnh sửa mã trong DroidEdit và lưu vào tệp cục bộ. tệp html
- Chọn 'Xem trước trong Trình duyệt' từ DroidEdit và kiểm tra chương trình
- Tải tệp lên máy chủ web của tôi bằng hỗ trợ SFTP của DroidEdit khi sẵn sàng
Để gỡ lỗi, mẹo là sử dụng trình duyệt mặc định, không phải Chrome. Nhập about:debug
vào thanh URL để mở bảng điều khiển JavaScript, điều quan trọng để gỡ lỗi
Rõ ràng môi trường này không mạnh bằng bàn phím kích thước đầy đủ, màn hình và trình chỉnh sửa mạnh mẽ, nhưng nó cho phép tôi lập trình bất kể tôi ở đâu. Tôi không biết cách cắt và dán trong trình chỉnh sửa, nhưng phím shift-mũi tên dường như hoạt động tốt hơn là nhấn
Đây là chương trình của tôi đang hoạt động. Nó sẽ không nhận được bất kỳ điểm phong cách nào - tôi nhanh chóng mất hứng thú với khoảng trắng với bàn phím nhỏ - nhưng nó đã hoàn thành công việc
Tôi cũng đã sử dụng môi trường phát triển này để chỉ cho cháu tôi cách tạo các trang web bằng HTML. Anh ấy nghĩ thật tuyệt khi anh ấy có thể nhập HTML vào điện thoại, nhấn Control-S để lưu và tải trang web ngay lập tức trên iPad của mình. Anh ấy hiện đang bận rộn học HTML và xây dựng các trang web của riêng mình
Android là hệ điều hành di động dựa trên phiên bản sửa đổi của nhân Linux và phần mềm nguồn mở khác, được thiết kế chủ yếu cho các thiết bị di động màn hình cảm ứng như điện thoại thông minh và máy tính bảng. Vâng, bạn đã đọc nó ngay trong tiêu đề của bài viết này. Trong bài viết này, chúng ta sẽ xây dựng một Ứng dụng Android với HTML, CSS và JavaScript trong Android Studio
Những gì chúng ta sẽ xây dựng trong ứng dụng này?
Đây là một video mẫu về những gì chúng ta sẽ xây dựng trong bài viết này. Chúng tôi sẽ văn bản hiển thị văn bản bằng HTML và Javascript và thay đổi màu nền bằng CSS
https. //phương tiện truyền thông. chuyên viên máy tính. org/wp-content/uploads/20220321072557/WhatsApp-Video-2022-03-21-at-07. 24. 40. mp4
Bạn có thể thắc mắc tại sao chúng ta cần sử dụng javascript bên trong Android?? . Tuy nhiên, chúng tôi có một thư viện JS cho điều đó. Ví dụ nếu chúng ta cần thêm loại thư viện Jsonlogic vào Android??
Có một cách tiện dụng để làm điều đó. Chúng ta có thể thực thi chức năng Js bằng Android. Nhưng chỉ có mã logic. Chúng tôi không thể thực hiện bất kỳ thay đổi giao diện người dùng nào [như tôi biết] khi sử dụng thư viện này
Thư viện mà chúng tôi đang sử dụng để thực thi JS là Rhino. Bạn có thể tải xuống phiên bản mới nhất từ đây
Sau khi thư viện được tải xuống, hãy giải nén thư mục và sao chép js. jar và dán jar vào thư mục libs bên trong thư mục ứng dụng trong dự án Android. Sau đó nhấp chuột phải vào js. jar và nhấp vào “Thêm làm thư viện”. Nếu "Thêm dưới dạng thư viện" không xuất hiện, hãy mở cấp độ ứng dụng và thêm mã sau
implementation files['./libs/js.jar']
Tiếp theo, chúng ta cần tạo một tệp thuộc tính để thêm mã chức năng JS của mình. Đối với điều đó, nhấp chuột phải vào thư mục res và Mới -> thư mục tài nguyên Android và chọn thư mục “Raw”. Bên trong thư mục raw tạo một file tên là config. tính chất. Bên trong đó thêm một giá trị thuộc tính như thế này
jsExecute=var getRhinoHello=function[]{return "hello rhino"}
Tiếp theo mở lớp hoặc hoạt động và thêm chức năng sau
Hãy để tôi giải thích những gì đang xảy ra bên trong chức năng này
- Dòng mã 5–10 — Ở đây tôi tải tệp thuộc tính bên trong thư mục raw
- Dòng mã 12 - Tại đây, chúng tôi nhận được giá trị thuộc tính. Bên trong cấu hình. tệp thuộc tính, chúng tôi xác định tên thuộc tính là “jsExecute”. Vì vậy, chúng ta cần phải sử dụng tên chính xác
- Dòng mã 13 - Trong dòng này, chúng tôi xác định chức năng nào cần gọi. Tên này phải giống với tên hàm bên trong cấu hình. tính chất. Trong ví dụ này, chúng tôi xác định tên hàm là “getRhinoHello” bên trong cấu hình. properties và chúng ta phải sử dụng tên hàm đó ở đây
- Dòng code 37– 41 — Tại đây Nó sẽ thực thi hàm JS và trả về giá trị
Tôi hy vọng bạn sẽ có được ý tưởng về chức năng. Tiếp theo, chúng ta có thể gọi hàm này như thế này và xem đầu ra bên trong logcat
Log.d["Rhino", "onCreate: "+ runScript[this]];
Nó sẽ in “xin chào tê giác” bên trong đầu ra logcat
Nếu chúng ta muốn truyền tham số cho hàm JS, chúng ta có thể thêm các giá trị đó vào mảng functionParams như thế này
Object[] functionParams = new Object[]{"cool"};
Sau đó, chúng ta cần sửa đổi hàm JS để chấp nhận tham số
jsExecute=var getRhinoHello=function[param]{return "hello rhino "+param}
Tôi hy vọng bạn sẽ hiểu rõ hơn về cách thực thi chức năng JS bên trong ứng dụng android. Tôi hy vọng sẽ đề cập nhiều hơn về hiệu suất và cách sử dụng với thư viện trong thế giới thực trong các bài viết trong tương lai