Gỡ lỗi ứng dụng web

Bạn có thể gỡ lỗi JavaScript bằng API JavaScript console và xem thông báo đầu ra trong Logcat. Nếu bạn đã quen thuộc với việc gỡ lỗi trang web bằng vài trình kiểm tra web, thì có lẽ bạn đã quen với việc sử dụng console (chẳng hạn như console.log()). Khung WebKit của Android hỗ trợ hầu hết các API tương tự, vì vậy, bạn có thể nhận nhật ký từ trang web của mình khi gỡ lỗi trong WebView. Chủ đề này mô tả cách sử dụng các API bảng điều khiển để gỡ lỗi.

Sử dụng API bảng điều khiển trong WebView

Các API bảng điều khiển cũng được hỗ trợ khi gỡ lỗi trong WebView. Bạn phải cung cấp một WebChromeClient giúp triển khai phương thức onConsoleMessage() để các thông báo trong bảng điều khiển xuất hiện trong Logcat. Sau đó, hãy áp dụng WebChromeClient cho WebView bằng setWebChromeClient(). Để biết thêm thông tin, hãy xem tài liệu về Webview.

Ví dụ sau đây cho thấy cách sử dụng các API bảng điều khiển trong WebView:

val myWebView: WebView = findViewById(R.id.webview)
myWebView.webChromeClient = object : WebChromeClient() {

    override fun onConsoleMessage(message: ConsoleMessage): Boolean {
        Log.d("MyApplication", "${message.message()} -- From line " +
              "${message.lineNumber()} of ${message.sourceId()}")
        return true
    }
}

WebView myWebView = findViewById(R.id.webview);
myWebView.setWebChromeClient(new WebChromeClient() {
    @Override
    public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
        Log.d("MyApplication", consoleMessage.message() + " -- From line " +
        consoleMessage.lineNumber() + " of " + consoleMessage.sourceId());
        return true;
    }
});

ConsoleMessage cũng bao gồm một đối tượng MessageLevel để cho biết loại thông báo trên bảng điều khiển đang được gửi. Bạn có thể truy vấn cấp thông báo bằng messageLevel() để xác định mức độ nghiêm trọng của thông báo, sau đó sử dụng phương thức Log thích hợp hoặc thực hiện các hành động thích hợp khác.

Cho dù bạn đang sử dụng onConsoleMessage(String, int, String) hay onConsoleMessage(ConsoleMessage), khi bạn thực thi phương thức bảng điều khiển trong trang web của mình, Android sẽ gọi phương thức onConsoleMessage() thích hợp để bạn có thể báo cáo lỗi. Ví dụ: với mã ví dụ ở trên, thông báo Logcat sẽ được in như sau:

Hello World -- From line 82 of http://www.example.com/hello.html

Sau đây là các tài nguyên khác liên quan đến việc gỡ lỗi:

• Gỡ lỗi từ xa trên thiết bị Android
• Gỡ lỗi ứng dụng

Kiểm thử các tính năng thử nghiệm của web

Tương tự như trang chrome://flags của Google Chrome, bạn cũng có thể kiểm thử các tính năng web thử nghiệm trong WebView.

Để cập nhật, hãy làm theo các bước sau:

1. Cài đặt một trong các kênh phát hành trước của WebView (bản beta, dev hoặc canary){: .external}.

2. Chuyển kênh WebView trên thiết bị thử nghiệm sang kênh bản phát hành trước đã cài đặt.

3. Nhấp vào trình chạy Công cụ cho nhà phát triển WebView:

   
   Hình 1. Biểu tượng Công cụ cho nhà phát triển WebView của ứng dụng đã cài đặt trên thiết bị.

4. Trong Công cụ cho nhà phát triển, hãy nhấp vào Gắn cờ rồi tìm kiếm mọi tính năng thử nghiệm mà bạn muốn bật hoặc tắt. Thay đổi này sẽ áp dụng cho mọi thực thể WebView trên thiết bị.

5. Hãy dừng và khởi động lại ứng dụng để bắt đầu thử nghiệm các tính năng mới.

Để biết thêm thông tin về cách bật/tắt cờ, hãy xem tài liệu về Công cụ cho nhà phát triển WebView.