本地图像在 4.4.2 中很好，但在 Android 4.2.2 中的 WebView 上不显示

【问题标题】：Local images are fine in 4.4.2 but not being shown on WebView in Android 4.2.2本地图像在 4.4.2 中很好，但在 Android 4.2.2 中的 WebView 上不显示
【发布时间】：2015-03-28 07:15:29
【问题描述】：

我的打开屏幕中有一些图像，有些在页面上，有些在我将 apk 安装到手机时没有。我试图找到一个解决方案，但没有一个对我有用。 知道为什么会存在以下情况吗？

<link rel="stylesheet" href="file:///android_asset/www/css/jquery.mobile-1.4.2.css">
<link rel="stylesheet" type="text/css" href="file:///android_asset/www/css/main.css" />
<link rel="stylesheet" href="file:///android_asset/www/css/jqm-icon-pack-fa.css" />

<script src="file:///android_asset/www/js/jquery-1.11.2.js"></script>
<script src="file:///android_asset/www/js/jquery.mobile-1.4.5.js"></script>

奇怪的事情；

• 它适用于我的 LG G2 (4.4.2)

• 它在三星 S2 (4.2.2) 中不起作用，即使图像在同一个文件夹中并且它们都是 .jpg 格式，第一个 div 中的图像有效，第二个 div 中的图像无效。

同一个html中的工件；

    <div data-role="header" style="padding-top:20px;">
        <center><img style="padding-bottom:10px;" src="file:///android_asset/www/images/openingPage/logo.png" />
        </center>
        <center><img style="max-width:100%;" src="file:///android_asset/www/images/openingPage/header_image.jpg" />
        </center>
    </div>

完全不工作的部分；（我在 div 内的表格中看不到图像，在浏览器、模拟器、Android 版本 4.4.2 的 LG G2 中工作！）

<div data-role="main" class="ui-content">
            <table style="width:100%; margin-top:3%;">
                <tr>
                    <td>
                        <a href="./19.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/1.jpg" />
                            </center>
                        </a>
                    </td>
                    <td>
                        <a href="./27.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/2.jpg" />
                            </center>
                        </a>
                    </td>
                </tr>
                <tr>
                    <td style="padding-top:5%;">
                        <a href="./116.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/3.jpg" />
                            </center>
                        </a>
                    </td>
                    <td style="padding-top:5%;">
                        <a href="./132.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/4.jpg" />
                            </center>
                        </a>
                    </td>
                </tr>
            </table>
        </div>

主活动；

public class MainActivity extends Activity {
    private WebView mWebView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webView1);
        // Enable Javascript
           WebSettings webSettings = mWebView.getSettings();
           webSettings.setJavaScriptEnabled(true);
           webSettings.setDomStorageEnabled(true);
           //mWebView.setWebContentsDebuggingEnabled(true);
           mWebView.getSettings().setPluginState(PluginState.ON);
           mWebView.getSettings().setAllowFileAccess(true);
           mWebView.getSettings().setAllowContentAccess(true);
           mWebView.getSettings().setAllowFileAccessFromFileURLs(true);
           mWebView.getSettings().setAllowUniversalAccessFromFileURLs(true);

           mWebView.loadUrl("file:///android_asset/www/18.html");
    }

【问题讨论】：

• The piece that is not working at all ;。你没看到桌子？请给它一个边框。
• 对不起，你是对的。我没有看到表格内的图像（当我在 标记内放置文本时，我可以看到它！）。但正如我所说，在 LG G2 中工作得很好。如何克服这些差异？真的很烦。
• 也可以尝试使用 logo.png 和其他 .png。
• 不，在表格中也不起作用！我也尝试了相反的方法。奇怪的是，当我把图片从桌子上拿出来时，它们就被展示出来了！！！所以问题在于 Android v. 4.2 - webView 中的表格渲染？
• 尝试不带样式属性的 和

  。