logo标签列表

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

androidhtmlwebviewlocal-storage
5
在官方的Android开发者页面上有一个名为WebView中构建Web应用的主题。链接如下： http://developer.android.com/guide/webapps/webview.html 我想知道如果内容从存储在src文件夹中的本地html文件夹加载，该怎么处理。
我找不到任何可下载的代码示例或样品。
我正在使用Android Studio。
2个回答
9

在Android活动中从WebView调用JavaScript。

http://android-er.blogspot.com/2011/10/call-javascript-inside-webview-from.html

非常好!

/assets/mypage.html

<!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>

main.xml

<?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();
     }

 }
}
3

将HTML文件放在项目根目录下创建（或找到的）assets文件夹中。

使用loadUrl()访问它们：

webView.loadUrl("file:///android_asset/index.htm");

其中index.htm是文件的名称。

谢谢！该应用程序只需加载一个主视图，其中包含一个HTML5动画的.html文件。我正在使用Android Studio默认的Android空白示例。我应该创建另一个活动窗口还是继续使用默认窗口？ - user1667306
我不熟悉Android Studio和其项目模板（等待稳定后再转移），但默认的空白模板应该是可以的。 - jaseelder
不过有一件事，如果HTML使用了来自外部文件的JavaScript，您可能需要将JS文件放在资产文件夹中，并在HTML中引用它而不使用路径，或者使用loadDataWithBaseURL（）为JS文件提供基本URL，并将HTML转换为字符串。 - jaseelder
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接