文章/答案/技术大牛

发布

android js语法

Android中的JavaScript语法主要涉及到WebView组件的使用，WebView允许你在Android应用中嵌入网页，并且可以通过JavaScript与原生Android代码进行交互。以下是一些基础概念和相关内容：

基础概念

WebView: Android中的一个组件，用于显示网页。
JavaScriptInterface: 允许JavaScript调用Android原生代码的接口。
addJavascriptInterface(): 将一个对象注入到WebView中，使其可以被JavaScript访问。

优势

跨平台: 使用Web技术可以减少为不同平台编写代码的需求。
快速迭代: Web内容的更新不需要重新发布应用。
丰富的生态: 可以利用现有的Web技术和库。

类型

内嵌网页: 直接在应用中加载HTML内容。
混合应用: 使用框架如Cordova或React Native结合Web技术和原生功能。

应用场景

内容驱动的应用: 如新闻阅读器、博客平台。
企业应用: 需要频繁更新的业务流程应用。
游戏: 使用WebGL等技术开发的轻量级游戏。

示例代码

以下是一个简单的例子，展示如何在Android中使用WebView加载网页，并通过JavaScriptInterface实现JavaScript与Java的交互。

import android.os.Bundle;
import android.webkit.JavascriptInterface;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = findViewById(R.id.webview);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        // 添加JavaScript接口
        webView.addJavascriptInterface(new WebAppInterface(this), "Android");

        // 加载本地HTML文件
        webView.loadUrl("file:///android_asset/index.html");
        webView.setWebViewClient(new WebViewClient());
    }

    public class WebAppInterface {
        Context mContext;

        /** Instantiate the interface and set the context */
        WebAppInterface(Context c) {
            mContext = c;
        }

        /** Show a toast from the web page */
        @JavascriptInterface
        public void showToast(String toast) {
            Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
        }
    }
}

在HTML文件中，你可以这样调用Android的方法：

<!DOCTYPE html>
<html>
<head>
    <title>Test Page</title>
    <script type="text/javascript">
        function showAndroidToast(toast) {
            Android.showToast(toast);
        }
    </script>
</head>
<body>
    <input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />
</body>
</html>

遇到的问题及解决方法

问题: JavaScript无法调用Android方法。

原因: 可能是没有启用JavaScript，或者JavaScriptInterface没有正确添加。

解决方法: 确保在WebView设置中启用了JavaScript，并且正确添加了JavaScriptInterface。

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webView.addJavascriptInterface(new WebAppInterface(this), "Android");

问题: 安全性问题，JavaScript可能调用任意Android方法。

原因: 使用addJavascriptInterface时，如果不小心，可能会暴露过多的原生方法给JavaScript。

解决方法: 使用安全的通信机制，如通过URL拦截或者使用更安全的API如shouldOverrideUrlLoading。

确保在不需要时移除JavaScript接口，以避免内存泄漏或其他安全问题。

@Override
protected void onDestroy() {
    super.onDestroy();
    webView.removeJavascriptInterface("Android");
}

以上就是Android中使用JavaScript的基础概念、优势、类型、应用场景以及常见问题的解决方法。

页面内容是否对你有帮助？

有帮助

没帮助

Cordova/离子型智能电视应用程序

、、、、

我为android和ios开发了一个Ionic应用程序，但现在我需要使用与智能电视相同的应用程序代码来生成一个与android手机、平板电脑和电视兼容的apk。三星给出了一个，但是在导入android项目之后，它返回了很多错误，全部是角文件。赋值的左边必须是变量ng-cordova.js。重复案例角-ui-router.min.js 标记“最后”上的语法错误，标识符期望angular.

浏览 5提问于2015-10-22得票数 7

回答已采纳

2回答

使用Netbeans IDE开发android/phonegap应用程序是一种好方法吗？

、、、

我的目标是有一个带有JS语法错误报告和PhoneGap插件的集成开发环境。我的目标是用PhoneGap做一个android应用。Netbeans非常容易安装，并且具有JS语法错误报告功能，不需要额外的步骤。例如，使用NetBeans，我只需安装即可运行所有内容(包括JS语法错误报告)。对于Ec

浏览 1提问于2011-03-31得票数 4

回答已采纳

1回答

com.android.webview如何使用com.android.chrome而不是com.android.webview

、、

下面的js =>语法不适用于com.android.webviewvar a3 = a.map( s => s.lengthafter argument list", source: file:///xxx.js (16)WebViewFactory/app&

浏览 2提问于2017-05-04得票数 2

1回答

React Native -未定义不是对象(计算"iter[Symbol.iterator]")

下面是package.json： "main": "node_modules/expo/AppEntry.js", "start": "expo start", "ios": "expo start --ios",

浏览 26提问于2021-06-02得票数 0

1回答

为什么android资产文件不被应用程序读取？

、、

我有一个javascript文件(ParameterFunctions.js)，它由于某种原因没有进入设备。

浏览 2提问于2020-07-21得票数 0

4回答

未定义的不是函数(计算‘_iterator2[类型符号===“函数’)

、、

我正在使用react本机实现firebase，下面是我正在使用的版本"react-native": "0.56.0",但是，当我导入firebase时，它会显示以下错误： undefined is not a function (evaluating '_iterator2[typeof Symbol === "function" ? Symbol.iterator : "@@ite

浏览 0提问于2018-08-29得票数 3

2回答

javascript新手:我的手机检测代码出了什么问题？

、、、

下面是我的.js文件中的所有内容： Android: function() { }, return navigator.userAgent.match(/BlackBerryreturn navigator.userAgent.match(/IEMobile&#x

浏览 1提问于2016-06-01得票数 1

2回答

如何从本地创建的文件夹加载WebView上的网页？

、、、、

在使用Android-Studio，时，我试图使用WebView加载包含javascript的本地html文件。现

浏览 3提问于2016-09-09得票数 3

回答已采纳

1回答

android上的nativescript应用程序中出现意外令牌错误

、

Unhandled ExceptionCalling js method onItemClick failed File: "<unknown>, line: 1, column: 265 这种情况只发生在android上。

浏览 1提问于2016-04-23得票数 0

3回答

问:我无法理解jquery中的"var变量= {“

、、

js Android: function() { },return navigator.userAgent.match(/IEMobile/i); any: function() {js var isMo

浏览 0提问于2019-05-28得票数 1

回答已采纳

4回答

巴别尔不转箭函数(Webpack)

、、

运行webpack和babel时，生成的bundle.js仍然包含箭头函数。这使我在Internet 10中运行时出现了语法错误。我希望babel用IE可以运行的普通函数替换箭头函数。/src/index.js' output: { publicPath: '/', module: { {

浏览 2提问于2018-04-21得票数 16

回答已采纳

1回答

如何在edittext上突出显示html，css，js语法？

、、

我正在为android制作一个HTML，CSS和JS编辑器。我想在每次输入时突出显示标签。是否有可用于语法突出显示的库以及如何使用它？我使用的是eclipse Mars btw。谢谢!

浏览 0提问于2017-03-07得票数 0

2回答

如何在WKWebview to JS中调用postmessage？

、、、

嗨，我想问一下，我在WKWebView IOS中有一个问题 window.webkit.messageHandlers.postMessageListener.postMessage(JSON.stringify({data}))否则在android中就像这样，JS很抱歉我的英语语法不好

浏览 1提问于2020-05-27得票数 0

1回答

Android Javascript表单提交在2.1-update1上工作，但不能在2.2及更高版本上工作

我有一个活动，我使用的网页视图下面有一个android按钮。我在webview中加载了一个web html表单。javascript函数，而不是在html表单中使用提交按钮：在我的活动中，一个android它在Android2.1-update1中的效果很好，但在2.2或更高版本上就不起作用了。就像我说的，这已经在Android2.1-update1上起作用了。

浏览 0提问于2011-12-02得票数 0

1回答

反应本地迁移

、、

语法错误组件/示例/index.js:意外令牌，预期；(1:20)export default from './View'import React, { Component, PropTypes, Button } from 'react'; import { connect }sta

浏览 0提问于2017-09-01得票数 0

回答已采纳

2回答

ReferenceError:属性“反射”不存在，js引擎: hermes反应-本机

、、、、

我试图在我的get本地应用程序中启用hermes，方法是在get本机网站中跟踪这个，但是我得到了以下错误消息：ReferenceError: Property 'Reflect' doesn't exist, js

浏览 4提问于2021-04-28得票数 0

1回答

移动版本通过htaccess重定向:也重定向到个人电脑？

、、、、

redireccion a la version mobile RewriteCond %{HTTP_USER_AGENT} "ipod|iphone|android(jpg|gif|css|js|png)$我刚接到的电话是因为一些电脑看到了移动版，知道为什么吗？

浏览 0提问于2013-10-04得票数 1

回答已采纳

2回答

React Native Android -如何只在设备上运行调试模式？

、、

我正试图在我们的设备上以调试模式运行我的react原生android应用程序，而不需要在dev box上运行dev服务器。在iOS端，我能够修改AppDelegate.m，如下所示...基本上，如果它是一个调试构建，并且它是由buddybuild构建的，那么不要为js包寻找dev机器，而是寻找设备： #ifdef DEBUG我正在寻找一种在android上做这件事的方法。我有一些我需要的伙伴构建代码，所以不用担心，我只想知道如何以编程方式更改js包在android上的位置，就像上面我在AppDelegat

浏览 1提问于2016-06-24得票数 4

4回答

node_ SyntaxError / React - Native /index.js中的react native模块:意外的标记，在Android Build上应为"{“(13:7

、、

我还将项目设置为编译为web、android和ios。安装了Webpack来启动网页版。我在Web和iOS上运行得很好，但是当我运行yarn android并构建到android时，我在Metro窗口和android模拟器上得到了一个语法错误，该错误来自node_modules下的react-native项目中的index.js文件。这只发生在Android上。我已经安装了一些巴别塔插件和预设，所以我不确定为什么这个index.js文件不能在安卓上工作

浏览 0提问于2020-05-01得票数 5

1回答