Bài 19: Sử dụng JavaFX Web Browser trong JavaFX

Trong nội dung bài viết này chúng ta cùng nhau tìm hiểu về sử dụng JavaFX Web Browser trong JavaFX. Giới thiệu trình duyệt nhúng trong JavaFX, một thành phần giao diện người dùng cung cấp trình duyệt web và chức năng duyệt web hoàn chỉnh thông qua API của nó.

JavaFX Web Browser trong JavaFX  dựa trên WebKit, một trình duyệt web mã nguồn mở. Nó hỗ trợ Cascading Style Sheets (CSS), JavaScript, Document Object Model (DOM) và HTML5.

Sử dụng JavaFX Web Browser trong JavaFX cho phép bạn thực hiện các tác vụ sau trong các ứng dụng JavaFX của mình bao gồm:

– Giúp hiển thị nội dung HTML từ các URL.

– Giúp thu thập dữ liệu về lịch sử duyệt web.

– Giúp thực thi các câu lệnh JavaScript.

– Giúp quản lý cửa sổ pop-up.

Bài 19: Sử dụng JavaFX Web Browser trong JavaFX

Để tạo đối tượng WebView và WebEngine trong ứng dụng JavaFX của bạn cần thực hiện như sau:

  1. 1. Lớp WebView

– Lớp WebView là một phần mở rộng của lớp Node.

– Phương thức getEngine() được gọi trên một đối tượng WebView.

2. Lớp WebEngine

– Lớp WebEngine cung cấp các chức năng như một trang web cơ bản mà bạn thường sử dụng. Nó hỗ trợ tương tác người dùng như điều hướng liên kết và gửi các mẫu HTML, mặc dù nó không tương tác trực tiếp với người dùng.

– Lớp WebEngine hỗ trợ các tính năng duyệt web cơ bản của tải nội dung HTML và truy cập vào DOM cũng như thực hiện các lệnh JavaScript.

3. Ví dụ sử dụng JavaFX Web Browser trong JavaFX

Sau đây mình sẽ làm một ví dụ nhỏ sử dụng JavaFX Web Browser trong JavaFX cho các bạn tham khảo.

Bước 1: Đầu tiên mình sẽ thiết kế giao diện ứng dụng bao gồm một TextField để nhập đường dẫn URL, một Button để nhấn submit và một WebView giống như sau

Hoặc bạn có thể sử dụng đoạn mã giao diện do mình thiết kế như hình trên:

Bước 2: Bây giờ bạn tạo lớp Main.java để chạy chương trình

Bước 3: Bây giờ phần cuối cùng là tạo lớp FXMLDocumentController.java nhằm xử lý sự kiện khi người dùng nhập URL và nhấn Go đi đến trang web.

Hàm xử lý sự kiện khi nhấn vào nút Go:

Bây giờ bạn hãy chạy chương trình xem kết quả như thế nào, có giống như kết quả của mình ở bên dưới hay không?

Bài 19: Sử dụng JavaFX Web Browser trong JavaFX

Với đoạn mã chương trình trên thì khi chạy với các website sử dụng http sẽ không gặp lỗi, còn đối với một số website sử dụng https như bạn nhập https://kenhlaptrinh.net sẽ không thể tải được trang. Vậy cách khắc phục trong trường hợp này là bạn hãy thay đoạn mã chương trình sau để sử dụng:

Và bây giờ bạn đã có thể truy cập đến với các trang website sử dụng https rồi, mình chạy ví dụ thử xem có truy cập được địa chỉ trang website https://kenhlaptrinh.net không?

Bài 19: Sử dụng JavaFX Web Browser trong JavaFX

Như vậy là mình vừa giới thiệu đến các bạn sử dụng JavaFX Web Browser trong JavaFX cũng như những ví dụ minh họa về cách sử dụng Web Browser trong JavaFX.

Xem thêm bài viết hướng dẫn lập trình JavaFX:
Bài 11: Sử dụng JavaFX Effects trong JavaFx
Bài 12: Sử dụng JavaFX Event Handling trong JavaFx
Bài 13: Sử dụng JavaFX CSS trong JavaFx
Bài 14: Sử dụng JavaFX Transformations trong JavaFx
Bài 15: Sử dụng JavaFX Colors trong JavaFX
Bài 16: Sử dụng JavaFX Images trong JavaFX

Hoặc nếu bạn làm nhưng gặp rắc rối vì chưa chạy được thì có thể tải toàn bộ mã nguồn đầy đủ cho phần hướng dẫn sử dụng hiệu ứng JavaFX Web Browser ở đường dẫn bên dưới.

Bài 19: Sử dụng JavaFX Web Browser trong JavaFX

Lời kết: Như vậy toàn bộ nội dung bài viết này hướng dẫn các bạn sử dụng JavaFX Web Browser trong JavaFx. Ngoài ra, bạn có thể xem thêm nội dung các bài viết khác tại chuyên mục JavaFx để bổ sung thêm kiến thức về ngôn ngữ này.

(Tác giả: Tùng Dương)

Bình luận

Loading...