webview - 导航上的 Nativescript webview

Question

nativescript 中的 webview 是否有“导航”事件？

我已经在 Xamarin (c#) 中用

完成了

Browser.Navigating += Myfunction

nativescript中有这样的事件吗？我想这样做，如果我点击网站范围之外的链接，那么我希望设备打开该 url 的网页，而不是在 webview 内部导航。

Answer 1

为此，您可以处理 WebView loadStartedEvent，并验证 URL 是否在您站点的范围内。如果不是，您可以为 webview 设置新的 URL，您将能够阻止用户进入不同的网页。我附上示例代码。

主页.xml

<Page xmlns:RL="nativescript-ripple" xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo">
 <GridLayout>
     <WebView src="https://www.google.bg/" id="wv" />

 </GridLayout>
</Page>

主页.ts

import { EventData } from 'data/observable';
import { Page } from 'ui/page';
import { HelloWorldModel } from './main-view-model';
import {StackLayout} from "ui/layouts/stack-layout";
import {WebView, LoadEventData} from "ui/web-view"

// Event handler for Page "navigatingTo" event attached in main-page.xml
export function navigatingTo(args: EventData) {

  let page = <Page>args.object;

  var webview:WebView = <WebView> page.getViewById("wv");
    webview.on(WebView.loadStartedEvent, function (args: LoadEventData) {

        let message;
        console.log("url "+args.url.substring(0, 21));
        console.log("eventName "+args.eventName);
        console.log("navigationType "+args.navigationType);
        if(args.url.substring(0, 21) !== "https://www.google.bg/"){
          (<WebView>args.object).url="https://www.google.bg/";
          console.log("returns back");
        }
    });
}

希望对你有帮助