如何在 webview 中创建后退按钮？

Question

该应用程序由两个活动组成：第一个 - 一个列表视图，带有来自资产的 HTML 文件的链接，第二个 - 一个包含此 HTML 文件的 web 视图。

所以这个 HTML 文件中有一些链接（在下文中我称它为第一个 HTML 文件），这些链接从资产中通向其他 HTML 文件。 在我跟随其中一个链接之后，我想回到第一个 HTML 文件。 但是这种方法向我显示了一个白屏而不是文件的内容。

PS：我通过 HTML 链接从第一个资产文件中引用了第二个资产文件。 例如（第一个 HTML 文件中的链接代码）：

<a href="file:///android_asset/second.html">Second file</a>

这是WebViewActivity代码：

public class WebViewActivity extends Activity implements OnClickListener {
    WebView wWebView;

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (event.getAction() == KeyEvent.ACTION_DOWN) {
            switch (keyCode) {
            case KeyEvent.KEYCODE_BACK:
                if (wWebView.canGoBack() == true) {
                    wWebView.goBack();
                } else {
                    finish();
                }
                return true;
            }

        }
        return super.onKeyDown(keyCode, event);
    }


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        Bundle bundle = getIntent().getExtras();

        String htmlFileName = "m" + bundle.getString("defStrID") + ".html";
        Context context = getBaseContext();

        try {
            String text = readAssetTextFile(context, htmlFileName);

            wWebView = (WebView) findViewById(R.id.webview);
            String summary = "<html><body>" + text + "</body></html>";
            wWebView.getSettings().setJavaScriptEnabled(true);
            wWebView.loadDataWithBaseURL("x-data://base", summary, "text/html",
                    "utf-8", null);
        } catch (IOException e) {
            Log.e("TAG", "Exception thrown", e);
        }
    }

    public static String readAssetTextFile(Context ctx, String fileName)
            throws IOException
    {
        InputStream inputStream = ctx.getAssets().open(fileName);

        InputStreamReader inputreader = new InputStreamReader(inputStream);
        BufferedReader buffreader = new BufferedReader(inputreader);
        String line;
        StringBuilder text = new StringBuilder();

        try {
            while ((line = buffreader.readLine()) != null) {
                text.append(line);
                text.append('\n');
            }
        } catch (IOException e) {
            Log.e("TAG", "Exception thrown", e);
        }
        return text.toString();
    }
}

Answer 1

我使用后退按钮，如下所示：

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
        mWebView.goBack();
        return true;
    }
    return super.onKeyDown(keyCode, event);
}

这种方法的优点是不占用任何屏幕，

Answer 2

您的问题是wWebView类成员变量未初始化，因此为空。 请参阅代码的这一部分：

WebView wWebView = (WebView) findViewById(R.id.webview);

完美，您正在初始化，但不是您认为的那样：您为该方法声明一个局部变量并对其进行初始化。 但是，由于具有相同名称的局部变量，您wWebView了类成员wWebView 。 因此，您没有初始化类成员，它为 null 并且您获得了NPE 。 将上面的行更改为（注意没有类型）：

wWebView = (WebView) findViewById(R.id.webview);

编辑我永远无法使您在页面之间导航的方式起作用。 但是，我对您的onCreate方法进行了某些更改，现在我的设备上一切正常：

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    setContentView(R.layout.main);
    TextView title = (TextView) findViewById(R.id.app_name);
    title.setText(getString(R.string.app_name));

    Button backButton = (Button) findViewById(R.id.button_back);
    backButton.setOnClickListener(this);

    Button infoButton = (Button) findViewById(R.id.button_info);
    infoButton.setOnClickListener(this);

    Bundle bundle = getIntent().getExtras();

    String htmlFileName = "m" + bundle.getString("defStrID") + ".html";
    String LINK_TO_ASSETS = "file:///android_asset/";
    wWebView = (WebView) findViewById(R.id.webview);
    wWebView.getSettings().setJavaScriptEnabled(true);
    wWebView.loadURL(LINK_TO_ASSETS + htmlFileName);
}

现在，您还需要更改加载的 HTML 文件的内容。 首先在资产中每个文件的开头添加<html><body>并在末尾添加</body></html> 。 其次，您现在需要更改链接。 例如，您在问题中包含的链接：

<a href="second.html">Second file</a>

如您所见，这些现在变成了相对链接。 所有这些更改可能会使您的readAssetTextFile无用，但我相信这是更易于理解的代码。