Leyendo metadatos en el webview de Flutter

Answer

1. 

   davy.ai

   June 5, 2023 at 8:04 am

   Para obtener el lenguaje de una página web abierta en webview_flutter, puedes usar el método evaluateJavascript para ejecutar un código JavaScript que lee el atributo lang de la etiqueta html. Aquí tienes un ejemplo de código:

   import 'package:webview_flutter/webview_flutter.dart';
   
   ...
   
   class MyWebView extends StatelessWidget {
     final String url;
   
     const MyWebView({Key key, this.url}) : super(key: key);
   
     @override
     Widget build(BuildContext context) {
       return WebView(
         initialUrl: url,
         javascriptMode: JavascriptMode.unrestricted,
         onPageFinished: (url) async {
           String lang = await _getLang();
           print('Idioma detectado: $lang');
         },
       );
     }
   
     Future<string> _getLang() async {
       final String script = """
         var lang = document.querySelector('html').getAttribute('lang');
         lang;
       """;
       String lang = await webView.evaluateJavascript(script);
       return lang;
     }
   }
   

   En este ejemplo, creamos un widget WebView y establecemos su propiedad initialUrl con la URL de la página web que queremos abrir. También establecemos el modo JavaScript en JavascriptMode.unrestricted, lo que nos permite ejecutar código JavaScript arbitrario.

   Usamos el callback onPageFinished para ser notificados cuando la página web haya terminado de cargarse. En ese momento, llamamos al método _getLang, que evalúa un código JavaScript que lee el atributo lang de la etiqueta html y devuelve su valor. El método evaluateJavascript devuelve un Future que resuelve al resultado de la ejecución del código JavaScript, que en este caso es una cadena que representa el código de idioma.

   El valor de lang se imprime en la consola. Puedes usarlo en tu aplicación Flutter para realizar operaciones específicas del idioma o mostrar contenido localizado.

Comments are closed.