Nativescript 8.6.2 Android端WebView如何取消file:///开头的导航？

你可以直接通过Android原生WebView的API实现导航前拦截，不需要依赖废弃的第三方插件。核心是利用WebViewClient的shouldOverrideUrlLoading方法，在导航发起前判断URL并决定是否取消加载。

实现步骤 #

1. 获取Android原生WebView实例：在WebView的loaded事件中，拿到对应的Android原生控件对象。
2. 自定义WebViewClient：重写shouldOverrideUrlLoading方法，检测URL是否以file:///开头，若是则返回true（拦截导航），否则返回false（允许正常加载）。
3. 绑定自定义WebViewClient：将自定义的客户端设置给WebView，替换默认的客户端逻辑。

具体代码示例 #

import { WebView } from "@nativescript/core";

export function onWebViewLoaded(args) {
    const wv = args.object as WebView;
    if (wv.android) {
        // 创建自定义WebViewClient
        class CustomWebViewClient extends android.webkit.WebViewClient {
            shouldOverrideUrlLoading(view, request) {
                const url = request.getUrl().toString();
                // 拦截file://开头的URL
                if (url.startsWith('file:///')) {
                    return true; // 返回true表示取消本次导航
                }
                // 其他URL按默认逻辑处理
                return super.shouldOverrideUrlLoading(view, request);
            }
        }
        // 设置自定义WebViewClient
        wv.android.setWebViewClient(new CustomWebViewClient());
    }
}

代码说明 #

• shouldOverrideUrlLoading是Android WebView提供的导航前拦截钩子，在浏览器发起任何导航请求前都会触发。
• 返回true告诉系统“我来处理这个URL，不需要默认加载”，直接阻止了file://开头的URL加载，不会出现之前的跳转循环或空白页问题。
• 这种方式直接基于原生API，稳定性和兼容性都比废弃插件更可靠，适配NativeScript 8.6版本完全没问题。

内容的提问来源于stack exchange，提问作者dpdragnev