Загрузка существующего .html файла с Android WebView - PullRequest
83 голосов
/ 27 октября 2010

Я пробовал образцы, демонстрации из кодов Google и другие ресурсы с WebView, но когда я пытаюсь сделать это в своем собственном коде, это не работает для меня.

Я хочу загрузить myfile.html, который я положил в папку активов, используя:

private WebView myWebView;

myWebView.loadUrl("file:///android_assets/myfile.html");

На эмуляторе отображается ошибка

Веб-страница на file:///android_assets/myfile.html не может быть загружен как: Запрошенный файл не найден. /android_assets/myfile.html

Когда я помещаю этот файл в папку res/raw/ и использую:

myWebView.loadUrl("file:///android_res/raw/myfile.html");

тогда только эмулятор Android 2.2 API уровня 8 может загрузить файл, вероятно, другие старые версии показывают ту же ошибку. Я что-то упустил?

Есть ли способ загрузить существующий файл .html в пакет приложения, который работает на всех версиях API?

Ответы [ 6 ]

152 голосов
/ 27 октября 2010

хорошо, это была моя очень глупая ошибка.Я выкладываю ответ здесь только на тот случай, если у кого-то возникнет такая же проблема.

Правильный путь к файлам, хранящимся в папке активов, - file:///android_asset/* (без «s» для папки активов, которую я всегда думал, что она должна иметьa "s").

И, mWebView.loadUrl("file:///android_asset/myfile.html"); работает на всех уровнях API.

Я до сих пор не понимаю, почему mWebView.loadUrl("file:///android_res/raw/myfile.html"); работает только на уровне API 8. Но это не такважно сейчас.

17 голосов
/ 22 декабря 2010

вставьте ваш файл .html в папку активов вашей папки проекта. и создайте XML-файл в папке макета с помощью следующего кода: my.xml:

<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/webview"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
    />

добавить следующий код в активность

setContentView(R.layout.my);
    WebView mWebView = null;
    mWebView = (WebView) findViewById(R.id.webview);
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.loadUrl("file:///android_asset/new.html"); //new.html is html file name.
13 голосов
/ 16 апреля 2015

Если ваша структура должна быть такой:

/assets/html/index.html

/assets/scripts/index.js

/assets/css/index.css

Тогда просто сделайте ( Android WebView: обработка изменений ориентации )

    if(WebViewStateHolder.INSTANCE.getBundle() == null) { //this works only on single instance of webview, use a map with TAG if you need more
        webView.loadUrl("file:///android_asset/html/index.html");
    } else {
        webView.restoreState(WebViewStateHolder.INSTANCE.getBundle());
    }

Убедитесь, что вы добавили

    WebSettings webSettings = webView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
    if(android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.JELLY_BEAN) {
        webSettings.setAllowFileAccessFromFileURLs(true);
        webSettings.setAllowUniversalAccessFromFileURLs(true);
    }

Тогда просто используйте URL

<html>
<head>
    <meta charset="utf-8">
    <title>Zzzz</title>
    <script src="../scripts/index.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
6 голосов
/ 19 августа 2014

Скопируйте и вставьте ваш файл .html в папку ресурсов вашего проекта и добавьте приведенный ниже код в свою активность в onCreate ().

        WebView view = new WebView(this);
        view.getSettings().setJavaScriptEnabled(true);
        view.loadUrl("file:///android_asset/**YOUR FILE NAME**.html");
        view.setBackgroundColor(Color.TRANSPARENT);
        setContentView(view);
2 голосов
/ 27 октября 2010

Вы можете прочитать html-файл вручную, а затем использовать loadData или loadDataWithBaseUrl методы WebView, чтобы показать его.

1 голос
/ 06 июня 2018

Компиляция отладки отличается от версии , поэтому:

Рассмотрим структуру файла вашего проекта следующим образом [ в этом случае, если для отладкисобрать ]:

src
  |
  main
  debug
      |
      assets
           |
           index.html

Вы должны вызвать index.html в вашем WebView как:

WebView web=(WebView)findViewById(R.id.web);
web.loadUrl("file:///android_asset/index.html");

Макет:

<WebView
android:id="@+id/web"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="top"/>

Итак,для выпуска Release это должно быть как:

src
  |
  main
  release
        |
        assets
             |
             index.html  
...