设置iframe内部页面的target可以实现将内部请求转发到shouldOverrideUrlLoading

时间: 2024-09-28 18:05:37 浏览: 84

Android WebView拦截iframe标签内部跳转教程

Android WebView 拦截 iframe 标签内部跳转教程 Android WebView 是 Android 系统中一个非常重要的组件，用于显示 web 内容。但是，在显示 web 内容的同时，也可能会出现一些问题，例如 iframe 标签内部的跳转问题。今天，我们将要讨论如何在 Android WebView 中拦截 iframe 标签内部的跳转。让我们来了解一下 iframe 标签的概念。iframe 是 HTML 中的一个标签，用于在当前网页中嵌套另一个网页。iframe 标签内部可以包含其他网页的内容，例如图片、视频、音频等。然而，在 Android WebView 中，如果我们不做特殊处理，iframe 标签内部的跳转将无法被拦截。那么，如何在 Android WebView 中拦截 iframe 标签内部的跳转呢？答案是使用 WebViewClient 和 WebChromeClient。WebViewClient 是 Android WebView 中的一个接口，用于处理 WebView 的事件，例如页面加载完成、页面加载失败等。WebChromeClient 是 Android WebView 中的一个接口，用于处理 WebView 的 UI 事件，例如创建新的窗口、显示警告框等。在我们的示例代码中，我们首先需要设置 WebViewClient 和 WebChromeClient。我们使用 setWebViewClient() 方法设置 WebViewClient，使用 setWebChromeClient() 方法设置 WebChromeClient。在 WebViewClient 中，我们需要重写 shouldOverrideUrlLoading() 方法，在这个方法中，我们可以拦截 iframe 标签内部的跳转。在 WebChromeClient 中，我们需要重写 onCreateWindow() 方法，在这个方法中，我们可以创建新的 WebView，并将其添加到当前 WebView 中。在我们的示例代码中，我们使用了下面的代码来实现 iframe 标签内部的跳转拦截： ```java webView.setWebChromeClient(new WebChromeClient(){ @Override public boolean onCreateWindow(WebView webView, boolean isDialog, boolean isUserGesture, Message resultMsg) { WebView newWebView = new WebView(getActivity()); webView.addView(newWebView); WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj; transport.setWebView(newWebView); resultMsg.sendToTarget(); newWebView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView webView, String url) { //TODO 在这里实现你的拦截方法 if (url.contains("https://www.jb51.net")){ toast("拦截到了" + url); Intent intent = new Intent(getActivity(), CommonWebViewActivity.class); intent.putExtra("url",url); startActivity(intent); }else { webView.loadUrl(url); } return true; } }); return true; } }); ``` 在上面的代码中，我们首先创建了一个新的 WebView，然后将其添加到当前 WebView 中。然后，我们设置了 WebViewClient，并重写了 shouldOverrideUrlLoading() 方法。在这个方法中，我们可以拦截 iframe 标签内部的跳转。在我们的示例代码中，我们还使用了以下代码来启用支持 JavaScript： ```java WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true); settings.setJavaScriptCanOpenWindowsAutomatically(true); settings.setSupportZoom(false); //支持缩放 settings.setBuiltInZoomControls(false); //支持手势缩放 settings.setDisplayZoomControl(false); ``` 这些代码用于启用支持 JavaScript，并设置 WebView 的其他属性。在 Android WebView 中拦截 iframe 标签内部的跳转需要使用 WebViewClient 和 WebChromeClient。我们需要设置 WebViewClient 并重写 shouldOverrideUrlLoading() 方法，并使用 WebChromeClient 来创建新的 WebView。这样，我们就可以拦截 iframe 标签内部的跳转，并实现自己的业务逻辑。

设置`<iframe>`元素的`target`属性可以实现在一个网页内打开另一个链接或内容，并且通常用于控制新窗口或者父框架如何处理链接的点击。当你将`target`属性设置为`"_blank"`，例如： ```html <iframe src="https://example.com" target="_blank"></iframe> ``` 这会使得链接在新的浏览器标签页中打开，而不是加载在当前的`iframe`里。如果这个`iframe`位于一个JavaScript环境中，比如React或Vue应用的单页应用中，`target="_blank"`还可以通过`window.open`方法实现类似的效果，这时`shouldOverrideUrlLoading`事件可能会起作用。 `shouldOverrideUrlLoading`通常是浏览器提供的一个事件，允许开发者拦截并自定义处理`window.location`的变化。在某些框架或库中，你可能需要监听这个事件来判断是否应该由你的应用程序接管导航，而不是直接跳转。如果你设置了`target="_blank"`并且希望在这样的事件中改变默认行为，你需要提供相应的事件处理逻辑，比如阻止默认行为并手动创建一个新的`window`实例。

阅读全文

设置iframe内部页面的target可以实现将内部请求转发到shouldOverrideUrlLoading

相关推荐

jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码

在vue中实现嵌套页面(iframe)

后来发现通过设置iframe内部页面的target可以实现将内部请求转发到shouldOverrideUrlLoading。具体如下：

jquery 查找iframe父级页面元素的实现代码

Iframe页面请求跳转问题解决

iframe子页面操作父页面并实现屏蔽页面弹出层效果

HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

iframe实现页面局部刷新操作

iframe 实现页面跳转 动态改变主题

在iFrame子页面里实现模态框的方法

html中iframe控制父页面刷新实现思路及代码

通过JavaScript+IFRAME实现页面分屏加载

使用Iframe实现TAB页面切换

JQUERY实现iframe页面切换功能

android webview 因iframe＋target=“_blank “ 导致的页面无法正常打开或获取不到调整url

js实现iframe跨页面调用函数的方法

html父子页面iframe双向发消息的实现示例

matplotlib-3.6.3-cp39-cp39-linux_armv7l.whl

numpy-2.0.1-cp39-cp39-linux_armv7l.whl

最新推荐

在vue中实现嵌套页面(iframe)

a标签的target链接指向iframe的方法

使用iframe window的scroll方法控制iframe页面滚动

iframe子页面获取父页面元素的方法

jquery如何实现在加载完iframe的内容后再进行操作

基于Python和Opencv的车牌识别系统实现

管理建模和仿真的文件

网络隔离与防火墙策略：防御网络威胁的终极指南

在密码学中，对称加密和非对称加密有哪些关键区别，它们各自适用于哪些场景？

我的代码小部件库：统计、MySQL操作与树结构功能

iframe 实现页面跳转动态改变主题