Web uygulamalarında hata ayıklama

console JavaScript API'lerini ve görünümünü kullanarak JavaScript'inizde hata ayıklayabilirsiniz çıkış mesajlarının listesini çıkarır. Web sayfalarında hata ayıklama konusunda bilginiz varsa Firebug veya Web Inspector'ı kullanıyorsanız muhtemelen console kullanımına aşinasınızdır. (ör. console.log()). Android'in WebKit çerçevesi Böylece, WebView. Bu bölümde, hata ayıklama için konsol API'lerini kullanabilirsiniz.

WebView'da konsol API'lerini kullanma

WebView içinde hata ayıklarken konsol API'leri de desteklenir. Şunu yapmalısınız: bir WebChromeClient "the" onConsoleMessage() yönteminden yararlanmalıdır. Ardından, WebChromeClient tarihinde WebView cihazınızla birlikte setWebChromeClient(). Daha fazla bilgi için Webview başlıklı makaleyi inceleyin. belgelerinden faydalanabilirsiniz.

Aşağıdaki örnek, WebView ürününde konsol API'lerinin nasıl kullanılacağını gösterir:

Kotlin

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
    }
}

Java

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 ayrıca bir MessageLevel nesne ifadesini girin. Sorgunun şununla mesaj düzeyi: messageLevel() - önem derecesini belirleyin, ardından size uygun olan Log yöntemini kullanabilir veya diğer uygun işlemleri gerçekleştirebilirsiniz.

onConsoleMessage(String, int, String) veya onConsoleMessage(ConsoleMessage), Web sayfanızda bir konsol yöntemi yürüttüğünüzde, Android uygun onConsoleMessage() yöntemini kullanarak hatayı bildirebilirsiniz. Örneğin, yukarıdaki örnek kodla, Logcat iletisi şu şekilde yazdırılır:

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

Hata ayıklamayla ilgili ek kaynaklar aşağıda verilmiştir:

Deneysel web özelliklerini test etme

Google Chrome'un chrome://flags sayfasına benzer şekilde, WebView kapsamındaki web özellikleri.

Bunun için aşağıdaki adımları uygulayın:

  1. WebView yayın öncesi sürümünden birini yükleyin kanallar (beta, dev veya canary){: .external}.

  2. WebView ayarını değiştirin kanal bağlı yayın öncesi kanala bağlayabilirsiniz.

  3. WebView Geliştirici Araçları başlatıcısını tıklayın:


    Şekil 1. Şu cihazda yüklü uygulamanın WebView Geliştirici Araçları simgesi: olanak tanır.

  4. Geliştirici Araçları'ndan İşaretler'i tıklayın ve deneysel özellikleri arayın. istediğiniz seçeneği belirleyin. Değişiklik, şu tarihteki WebView örneğin tamamı için geçerlidir: için geçerlidir.

  5. Yeni özelliklerle teste başlamak için uygulamanızı durdurun ve yeniden başlatın.

İşaretleri açma/kapatma hakkında daha fazla bilgi için WebView Geliştirici Araçları'na göz atın. dokümanlarına göz atın.