Android WebView JavaScript desde los recursos

Question

¿Cómo puedo hacer que JavaScript y las imágenes en mi página HTML remota se carguen desde la carpeta de activos (o cualquier recurso local)?

Answer 1

Respuesta:
1. Se debe cargar el HTML en cadena:

private String readHtml(String remoteUrl) { 
    String out = ""; 
    BufferedReader in = null; 
    try { 
     URL url = new URL(remoteUrl); 
     in = new BufferedReader(new InputStreamReader(url.openStream())); 
     String str; 
     while ((str = in.readLine()) != null) { 
      out += str; 
     } 
    } catch (MalformedURLException e) { 
    } catch (IOException e) { 
    } finally { 
     if (in != null) { 
      try { 
       in.close(); 
      } catch (IOException e) { 
       e.printStackTrace(); 
      } 
     } 
    } 
    return out; 
} 

2. Cargar vista web con URL base:

String html = readHtml("http://mydomain.com/my.html"); 
mWebView.loadDataWithBaseURL("file:///android_asset/", html, "text/html", "utf-8", ""); 

En este caso particular, usted debe tener todos los archivos .js que desee utilizar en la página para residir en algún lugar en la carpeta de "activos" del proyecto. Por ejemplo:

/MyProject/assets/jquery.min.js 

3. En su página html a distancia tiene que cargar .js y .css que residen en su aplicación como:

<script src="file:///android_asset/jquery.min.js" type="text/javascript"></script> 

lo mismo se aplica a todos los demás locales recursos como imágenes, etc. su camino tiene que empezar con

file:///android_asset/ 

Una vista web se cargue primero el HTML puro que haya proporcionado como una cadena, a continuación, elegir .js, .css y otros recursos locales y luego cargarían contenido remoto.

Answer 2

Si crea dinámicamente su HTML y luego utiliza loadDataWithBaseURL, asegúrese de que todos los recursos locales, p. javascript en su carpeta de activos se mencionan en el HTML como archivo: /// (I Pasé horas resolviendo esto)