Fatal编程技术网
  • android/
  • Android Studio-如何使用Webview从本地路径加载HTML5内容？

Android Studio-如何使用Webview从本地路径加载HTML5内容？

android html webview

Android Studio-如何使用Webview从本地路径加载HTML5内容？,android,html,webview,local-storage,Android,Html,Webview,Local Storage,在官方的Android开发者页面中，有一个主题是在WebView中构建Web应用程序 我想知道如何继续，如果内容将从本地html文件夹加载，存储在src文件夹 我找不到任何可下载的代码示例或示例 Im使用android studio将html文件粘贴在项目根目录中创建（或找到）的资产文件夹中 使用loadUrl（）访问它们： 其中index.htm是文件名。从Android活动调用WebView内部的JavaScript 非常好 /资产/mypage.html 谢谢该应用程序只有一个加载了.

在官方的Android开发者页面中，有一个主题是在WebView中构建Web应用程序

我想知道如何继续，如果内容将从本地html文件夹加载，存储在src文件夹

我找不到任何可下载的代码示例或示例

Im使用android studio将html文件粘贴在项目根目录中创建（或找到）的资产文件夹中

使用loadUrl（）访问它们：

其中
index.htm
是文件名。

从Android活动调用WebView内部的JavaScript

非常好

/资产/mypage.html
谢谢该应用程序只有一个加载了.html文件的主视图，该文件由HTML5动画组成。Im使用Android Studio默认Android空白示例。我应该创建另一个活动窗口还是只使用默认窗口？我不熟悉Android Studio及其项目模板（等待它稳定移动），但默认的空白模板应该可以。不过，如果html使用来自外部文件的javascript，您可能还需要将js放在assets文件夹中，并在html中引用它，而不使用路径，或者使用loadDataWithBaseURL（）提供js文件所在位置的基本url，并将html转换为字符串。 
webView.loadUrl("file:///android_asset/index.htm");

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width; user-scalable=0;" />
<title>My HTML</title>
</head>
<body>
<h1>MyHTML</h1>
<p id="mytext">Hello!</p>
<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />
<input type="button" value="Open Dialog" onClick="openAndroidDialog()" />
<script language="javascript">
   function showAndroidToast(toast) {
       AndroidFunction.showToast(toast);
   }

   function openAndroidDialog() {
       AndroidFunction.openAndroidDialog();
   }

   function callFromActivity(msg){
 document.getElementById("mytext").innerHTML = msg;
   }
</script>

</body>
</html>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   >
<TextView 
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:text="@string/hello"
   />
<EditText
   android:id="@+id/msg"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content" />
<Button
 android:id="@+id/sendmsg"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:text="Msg to JavaScript"
   />
<WebView
   android:id="@+id/mybrowser"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
  />
</LinearLayout>

import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class AndroidHTMLActivity extends Activity {

 WebView myBrowser;
 EditText Msg;
 Button btnSendMsg;

 /** Called when the activity is first created. */
   @Override
   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.main);
       myBrowser = (WebView)findViewById(R.id.mybrowser);

       final MyJavaScriptInterface myJavaScriptInterface
        = new MyJavaScriptInterface(this);
       myBrowser.addJavascriptInterface(myJavaScriptInterface, "AndroidFunction");

       myBrowser.getSettings().setJavaScriptEnabled(true); 
       myBrowser.loadUrl("file:///android_asset/mypage.html");

       Msg = (EditText)findViewById(R.id.msg);
    btnSendMsg = (Button)findViewById(R.id.sendmsg);
    btnSendMsg.setOnClickListener(new Button.OnClickListener(){

   @Override
   public void onClick(View arg0) {
    // TODO Auto-generated method stub
    String msgToSend = Msg.getText().toString();
    myBrowser.loadUrl("javascript:callFromActivity(\""+msgToSend+"\")");

   }});

   }

 public class MyJavaScriptInterface {
  Context mContext;

     MyJavaScriptInterface(Context c) {
         mContext = c;
     }

     public void showToast(String toast){
         Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
     }

     public void openAndroidDialog(){
      AlertDialog.Builder myDialog
      = new AlertDialog.Builder(AndroidHTMLActivity.this);
      myDialog.setTitle("DANGER!");
      myDialog.setMessage("You can do what you want!");
      myDialog.setPositiveButton("ON", null);
      myDialog.show();
     }

 }
}