堆栈内存溢出
  繁体   English   中英

Android WebView 在加载 html 之前注入 Javascript

[英]Android WebView Inject Javascript before html loaded

 原文  2012-12-28 04:31:10  7   8    javascript/ android/ webview

问题描述

我正在使用 Android WebView 加载一些网页。 我需要在所有页面加载之前插入一段 Javascript 代码。

我试图将它们注入 WebViewClient onPageStart 回调。

mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.setWebViewClient(new WebViewClient(){

    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        loadUrl("javascript:var output='test string';");
        }
})

mWebView.loadUrl("xxx.html");

HTML代码：

<html>
<script>document.write(output);</script>
</html>

我希望在 HTML 之前加载我的 Js 代码。 但有时 JS 代码在 HTML 之后加载。

有什么办法可以解决我的问题吗？

8 个解决方案

解决方案1
 5  2016-06-29 12:20:14

我有同样的问题，我解决了它。 我在加载前隐藏WebView并在页面加载后显示。

webView.getSettings().setJavaScriptEnabled(true);
b.webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        return false;
    }

    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        super.onPageStarted(view, url, favicon);
    }

    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            b.webView.evaluateJavascript("javascript:window.document.getElementsByTagName('body')[0].style.color='white';", null);
        }
        else
        {
            b.webView.loadUrl("javascript:window.document.getElementsByTagName('body')[0].style.color='white';");
        }
        b.webView.setVisibility(View.VISIBLE);
    }

});

b.webView.setVisibility(View.INVISIBLE);
b.webView.loadUrl(PreferenceHelper.EULA_URL);

解决方案2
 3  2013-01-10 18:50:15

如何通过 javascript 加载您的页面？

在您的资产中创建一个空白的 html 页面，其中包括您的脚本和这个小功能（为了简单起见，我在这里使用 jquery，但您可以使用其他框架或根本不使用框架）。

window.loadPage = function (url) {
    $.get(url, function(page) {
        $('html').replace(page);
    });
};

然后，在你的安卓应用上：

mWebView.loadUrl("javascript: loadPage('xxx.html')");

注意：我没有注意到 xxx.html 也可能在您的资产中，而不是在某个 Web 服务器中，在这种情况下，出于安全原因，ajax 查询将失败，但您可以忘记 ajax 请求，读取字符串中的 html 页面从您的 android 应用程序并将其作为参数传递给稍作修改的 javascript 函数。

解决方案3
 1  2018-12-28 11:17:57

您可以在页面加载之前注入您的 javascript，如下所示：

  val mimeType = "text/html"
  val encoding = "utf-8"
  val injection = "<script type='text/javascript'>
        //Your JavaScript code here

       //**This line is important**
        window.location.replace('ACTUAL_URL');</script>"
  webView.loadDataWithBaseURL('ANY_DUMMY_URL', injection, mimeType, encoding, null)

ACTUAL_URL 应该是您实际想要加载的 URL。 DUMMY_URL 可以是任何 URL，最好与 ACTUAL_URL 保持一致。

解决方案4
 0  2013-01-09 17:49:22

一种方法，也许不是最简单的，是使用 HttpClient 自己从 web 服务器读取数据，然后修改它并使用

webview.loadData(mydata, "text/html", null);

解决方案5
 0  2013-01-10 12:41:07

我会结合使用 Phonegap 和 JavaScript 接口。

在主 .java 文件的 OnCreate() 中，包含以下内容：

super.appView.addJavascriptInterface(new Object()
        {
          public void setOutput()
          {
            // here the body of your method in Android
          }
        }, "myInterface");

然后，在 .js 文件中，包含以下内容（显然，您必须在同一个文件中导入 Phonegap，以捕获 onDeviceReady 方法）：

function onDeviceReady() {
        myInterface.setOutput();
      }

这将在设备准备就绪时，在应用程序启动的第一时刻从 JavaScript 触发您的方法。

解决方案6
 0  2019-11-19 11:13:24

我必须和你做同样的事情，因为在我的情况下，网页的加载取决于一些需要通过 JavaScript 从应用程序设置的变量。

在页面加载之前尝试了所有不同的排列来加载 javascript 之后，这最终对我有用：

webView.loadUrl(url)
webView.settings.javaScriptEnabled = true
webView.settings.javaScriptCanOpenWindowsAutomatically = true

val javascript = "alert('some javascript message');window.JAVASCRIPT_GLOBAL_VARIABLE=true;"

webView.webViewClient = object : WebViewClient() {
    override fun onLoadResource(view: WebView?, url: String?) {
         super.onLoadResource(view, url)
         webView.evaluateJavascript(javascript) {}
    }    
}

如果你需要你的 javascript 注入的变量或方法在 web 视图加载时可用 - 例如，为了验证用户，我还必须将以下内容添加到 javascript 代码中，以使其在每次打开 web 时可靠地工作看法。

window.location.replace('$url'); \\ this is the same url you want to inject the javascript into

使用addJavascriptInterface仅在您想要/可以在您的 Javascript 方法中附加一些前缀时才有效。 就我而言，这不是一个选项，因为相同的代码也适用于 iOS。

解决方案7
 -1  2012-12-28 06:03:45

您可以尝试将您的 java 脚本放在 html 页面中，然后使用 android java 脚本函数调用可能会有所帮助

解决方案8
 -1  2016-04-18 03:37:01

您可以使用
webView.addJavascriptInterface("test string", "output");
在加载网页之前注入您想要的对象。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 在使用Android WebView加载html之前注入JavaScript 如何在android 7中的html加载之前在webview中注入javascript脚本 Android：在将URL加载到Webview中之前注入JavaScript 是否可以在加载页面之前将JS注入Android WebView？ 在android的webview中加载的每个网页中注入javascript文件 带有javascript的HTML没有在android webview中加载 在WebView Android中注入JavaScript 如何在Android Webview中加载网页之前注入javascript？ 在Android的WebView中注入JavaScript文件 Android自定义WebView无法找到加载的HTML中定义的javascript函数
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM