关于javascript:如何在Android开发中调用Html和JS-代码实现混合应用开发

当初挪动端也是次要办公的伎俩之一，因而很多企业都冀望在挪动端，桌面端，服务端，都放弃一致性，ActiveReportsJS是一款前端的Web 开发工具，助力开发前后端拆散利用。所以如果要在手机端开发混合利用，也能够将ActiveReportsJS 集成进去。

本篇教程，次要来分享如何在Android app 开发中调用蕴含 ActiveReportJS 的html页面。

实现思路：

1. 创立 Android App 应用WebView控件来调用HTML 代码， WebView是一个基于webkit引擎、展示web页面的控件。
2. 在Android我的项目下创立asset文件将html页面及须要的js文件拷贝到当前目录。
3. 设置 Android权限，并设置可执行js代码

具体实现：

1. 下载Androird Studio ，新建空白的Android利用
2. 增加 MainActivity 并增加 WebView 控件

 <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

3. 增加 Asset文件夹，并将js及html页面放到该门路下,留神asset是归属于Main还是Debug还是release的，影响前面门路写法

4. 批改AndroidManifest.xml 文件，减少权限

<uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

5. MainActivity 调用WebView.loadURL()，并调用JavaScript对应的办法
   留神门路写法：

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

      mWebview = (WebView) findViewById(R.id.webView1);
        mWebSettings = mWebview.getSettings();
        mWebSettings.setJavaScriptEnabled(true);
        mWebSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        mWebSettings.setAllowContentAccess(true);
        mWebSettings.setAppCacheEnabled(true);
        mWebSettings.setDomStorageEnabled(true);
        mWebSettings.setUseWideViewPort(true);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            mWebSettings.setAllowFileAccessFromFileURLs(true);
            mWebSettings.setAllowUniversalAccessFromFileURLs(true);
        }



         mWebview.loadUrl("file:///android_asset/activejs/index.html");
        mWebview.post(new Runnable() {
            @Override
            public void run() {  // 留神调用的JS办法名要对应上
                // 调用javascript的callJS()办法
                mWebview.evaluateJavascript("javascript:load()", new ValueCallback<String>(){

                    @Override
                    public void onReceiveValue(String value) {

                    }
                });

            }
        });

       mWebview.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
                AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);
                b.setTitle("Alert");
                b.setMessage(message);
                b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        result.confirm();
                    }
                });
                b.setCancelable(false);
                b.create().show();
                return true;
            }

        });