android webview + javascript在android 4.0.x,3.x中不显示输出

这是我的主要活动

package com.example.mathjax_issues; import android.os.Bundle; import android.app.Activity; import android.graphics.Bitmap; import android.util.Log; import android.view.Menu; import android.webkit.WebResourceResponse; import android.webkit.WebView; import android.webkit.WebViewClient; public class MainActivity extends Activity { private WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView=(WebView)findViewById(R.id.webView1); webView.getSettings().setJavaScriptEnabled(true); webView.setWebViewClient(new MyWebViewClient()); webView.loadUrl("file:///android_asset/MathJax/test/sample-asciimath.html"); // String html="<!DOCTYPE html> <html> <head> <title>MathJax AsciiMath Test Page</title> <!-- Copyright (c) 2012-2013 The MathJax Consortium --> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /> <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" /> <script type=\"text/javascript\" src=\"file:///android_asset/MathJax/MathJax.js?config=AM_HTMLorMML-full\"></script> </head> <body> <p> When `a != 0`, there are two solutions to `ax^2 + bx + c = 0` and they are </p> <p style=\"text-align:center\"> `x = (-b +- sqrt(b^2-4ac))/(2a) .` </p> </body> </html> "; // Log.e("html",html); // webView.loadDataWithBaseURL("file:///android_asset/MathJax", html, "text/html","utf-8", ""); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } private class MyWebViewClient extends WebViewClient { @Override public void onPageFinished(WebView view, String url) { // TODO Auto-generated method stub super.onPageFinished(view, url); } @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { // TODO Auto-generated method stub super.onPageStarted(view, url, favicon); } } } 

这是我的sample-asciimath.html

 <!DOCTYPE html> <html> <head> <title>MathJax AsciiMath Test Page</title> <!-- Copyright (c) 2012-2013 The MathJax Consortium --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script type="text/javascript" src="../MathJax.js?config=AM_HTMLorMML-full"></script> </head> <body> <p> When `a != 0`, there are two solutions to `ax^2 + bx + c = 0` and they are </p> <p style="text-align:center"> `x = (-b +- sqrt(b^2-4ac))/(2a) .` </p> </body> </html> 

下面是我的项目的形象

在这里输入图像说明

当编译2.3.3,2.2,4.1.2,4.2.2最新版本的代码时

我从源获得正确的输出

在这里输入图像说明

但是当我在3.0,3.1和4.0.3,4.0.4 Android版本编译相同的源代码

我得到这样的错误的输出

在这里输入图像说明

朋友们请帮助我…我无法解决这个错误…我想可能有一个JavaScript的问题。希望你们给我一些想法

我在本地存储mathjax ..在资产

提前致谢 …

Solutions Collecting From Web of "android webview + javascript在android 4.0.x,3.x中不显示输出"

我有一个类似的问题。 我所做的是将所有的.js文件复制到与html相同的目录中,并按以下方式添加。

 <script type="text/javascript" src="MathJax.js"></script> 

我知道这听起来有点愚蠢,但它工作。

如果这不起作用,请将.js文件复制到html文件中,然后像在标题中一样尝试:

 <script type="text/javascript"> copy the whole MathJax.js and paste it here </script> 

有些人已经有这个问题了(实际上…其中很多…)。

一篇文章(也是一个答案)引起了我的注意: https : //stackoverflow.com/a/7197748/1387484

看起来您必须在文档完全加载后手动将您的Javascript调用注入到WebViewClient中。 我没有更多的解释,但也许你可以尝试这种方式!

看来这个问题与这个android bug有关。 如果您使用url参数引用文件,则会发生HTTP 404(找不到文件),在您的情况下,脚本“MathJax.js?config = AM_HTMLorMML-full”将不会被find,因此不会被加载。

克服蜂窝和冰淇淋三明治破碎的WebViewurl

 <!-- hack for honeycomb & ICS -- first script tag will not load but it's --> <!-- needed for proper MathJax initialisation - clean solution would be to --> <!-- pass the init data "AM_HTMLorMML-full" in some other way to MathJax --> <script type="text/javascript" src="../MathJax.js?config=AM_HTMLorMML-full"></script> <script type="text/javascript" src="../MathJax.js"></script> 

它在脚本不在外部文件夹中时与html文件相比较起作用。

如果你从MathJax文件夹中得到html文件,并改变html文件中的行,如下所示,它将工作。

<script type="text/javascript" src="./MathJax/MathJax.js?config=AM_HTMLorMML-full"></script>

当然,将java文件更改为webView.loadUrl("file:///android_asset/sample-asciimath.html");

问题是因为你必须在你的html文件(将代码复制到你的文件)中设置mathjax的configuration(AM_HTMLorMML-full.js),你必须指定MathJax.js文件的完整path,就像下面的代码:

  <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script type="text/javascript" src="../MathJax/MathJax.js"> MathJax.Hub.Config({ config: ["MMLorHTML.js"], extensions: ["asciimath2jax.js","MathEvents.js","MathZoom.js","MathMenu.js","toMathML.js"], jax: ["input/AsciiMath","output/HTML-CSS","output/NativeMML"] }); MathJax.Ajax.loadComplete("[MathJax]/config/AM_HTMLorMML-full.js"); </script> </head> <body> <p>`\sqrt{2x + 1}`</p> </body> </html>