Xamarin 表单 - Webview 检测 URL 更改
Posted
技术标签:
【中文标题】Xamarin 表单 - Webview 检测 URL 更改【英文标题】：Xamarin Forms - Webview Detect URL Change 【发布时间】：2020-08-10 06:49:35 【问题描述】：我正在尝试检测 webview 中的 url 是否与某个地址匹配。
例如，当用户在 webview 中处理支付时，它会重定向到 example.com。
如何构建我的代码以自动检测 webview url 是否更改为 example.com？
这是我的 xaml 代码：
<Frame BorderColor="LightGray" CornerRadius="10" HasShadow="False">
<WebView x:Name="eWayPaymentWebView" VerticalOptions="FillAndExpand" WidthRequest="500" HeightRequest="500">
<WebView.Source>
<htmlWebViewSource x:Name="paymenthtml" Html="Binding Html"/>
</WebView.Source>
</WebView>
</Frame>
这是我的 CS 代码。
paymenthtml.Html = @"<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'><style>imgmax-width:100%</style></header><html><head><title></title></head><body><div align='center'>
<script src=""payment.js""
"data-label='ORDER NOW' " +
"data-currency='AUD' " +
"data-buttonerrorcolor='#f2dede' " +
"data-buttonprocessedcolor='#dff0d8' " +
"data-buttondisabledcolor='#f5f5f5' " +
"data-buttoncolor='#35bd35' " +
"data-buttontextcolor='#ffffff'" +
"data-resulturl='https://www.example.com'>" +
"</script></div></body></html>";
所以流程是这样的。
-
在 web 视图中显示 HTML javascript 按钮。
如果用户点击按钮并进行支付，它将重定向到 example.com
如果 webview 包含 example.com 则执行一些操作。
【问题讨论】：
【参考方案1】：您可以在 Navigating 事件中获取当前 Url。当您打开 WebView 或导航到 WebView 中的新 Web 时，将调用它。
public MainPage()
InitializeComponent();
webview.Navigating += Webview_Navigating;
private void Webview_Navigating(object sender, WebNavigatingEventArgs e)
var url = e.Url;
if (url.Contains("example.com"))
//...
【讨论】：
完美！有用！你是男人！以上是关于Xamarin 表单 - Webview 检测 URL 更改的主要内容，如果未能解决你的问题，请参考以下文章
混合 WebView 导航和导航事件在 Xamarin 表单中没有响应
Xamarin表单：ios平台上的webview中视频未完全填充
从 Webview 导航到 xamarin 表单中的应用程序页面
关闭应用程序时清除 Xamarin 表单 WebView cookie