กำลังโหลดไฟล์. html ที่มีอยู่ด้วย Android WebView

Question 1

ฉันลองใช้ตัวอย่างการสาธิตจากรหัส Google และแหล่งข้อมูลอื่น ๆ ด้วยWebViewแต่เมื่อฉันพยายามทำด้วยรหัสของฉันเองมันไม่ได้ผลสำหรับฉัน

ฉันต้องการโหลดmyfile.htmlที่ฉันใส่ในโฟลเดอร์ assets และใช้:

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");

จากนั้นเฉพาะ emulator android 2.2 API ระดับ 8 เท่านั้นที่สามารถโหลดไฟล์ได้เวอร์ชันเก่าอื่น ๆ จะแสดงข้อผิดพลาดเดียวกัน ฉันพลาดอะไรไปรึเปล่า?

มีวิธีใดบ้างในการโหลดไฟล์. html ที่มีอยู่ในแพ็กเกจแอปพลิเคชันที่ใช้ได้กับ API ทุกเวอร์ชัน

Question 2

โอเคนั่นเป็นความผิดพลาดที่โง่มากของฉัน ฉันโพสต์คำตอบไว้ที่นี่เผื่อมีคนมีปัญหาเดียวกัน

เส้นทางที่ถูกต้องสำหรับไฟล์ที่จัดเก็บในโฟลเดอร์ assets คือfile:///android_asset/*(โดยไม่มี "s" สำหรับโฟลเดอร์ assets ซึ่งฉันมักคิดว่ามันต้องมี "s")

และmWebView.loadUrl("file:///android_asset/myfile.html");ทำงานภายใต้ระดับ API ทั้งหมด

ฉันยังไม่เข้าใจว่าเหตุใดจึงmWebView.loadUrl("file:///android_res/raw/myfile.html");ใช้ได้เฉพาะกับ API ระดับ 8 แต่ตอนนี้ไม่สำคัญแล้ว

Question 3

ถ้าโครงสร้างของคุณควรเป็นแบบนี้:

/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">

Question 4

วางไฟล์. html ของคุณในโฟลเดอร์ assets ของโฟลเดอร์โครงการของคุณ และสร้างไฟล์ xml ในโฟลเดอร์เลย์เอาต์ด้วยรหัส fol: 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"
    />

เพิ่มรหัส fol ในกิจกรรม

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.

Question 5

คัดลอกและวางไฟล์. html ของคุณในโฟลเดอร์ assets ของโครงการของคุณและเพิ่มโค้ดด้านล่างในกิจกรรมของคุณบน 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);

Question 6

คุณสามารถอ่านไฟล์ html ด้วยตนเองจากนั้นใช้loadDataหรือloadDataWithBaseUrlวิธีการของ WebView เพื่อแสดง

Question 7

การคอมไพล์การดีบักแตกต่างจากรีลีสหนึ่งดังนั้น:

พิจารณาโครงสร้างไฟล์โครงการของคุณเช่นนั้น [ กรณีนี้สำหรับการประกอบดีบัก ]:

src
  |
  debug
      |
      assets
           |
           index.html

คุณควรเรียกindex.htmlใน WebView ของคุณเช่น:

web.loadUrl("file:///android_asset/index.html");

ดังนั้นสำหรับการประกอบรีลีสควรเป็นดังนี้:

src
  |
  release
        |
        assets
             |
             index.html

โครงสร้างการร้องยังใช้งานได้สำหรับทั้งการคอมไพล์ [ แก้จุดบกพร่องและรีลีส ]:

src
  |
  main
     |
     assets
          |
          index.html