WKWebView 修改 HTML ,稍微有点技术含量

这篇博客介绍了如何在WKWebView中动态修改HTML元素,特别是那些在网络请求后生成的元素。通过监听H5网络请求,并在合适时机执行JS脚本来修改元素。使用Chrome的Copy JS Path辅助调试,实现更面向对象化的处理,包括两步骤:监听网络请求变化并触发原生消息,以及接收到消息后修改HTML元素。

WKWebView 修改 HTML 界面元素,很简单

就是加载完网页后,

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!)

调用方法,

webView.evaluateJavaScript(script) { result, error in }
执行下脚本,

拿到元素

window.document.querySelector("#root > div > div.top > div:nth-child(2)")

修改,比较简单,不描述

配合 Chrome 的 Copy JS Path, 挺容易的

截屏2021-12-21 下午6.36.05.png

旁边的 Chrome 控制台,调试,看效果

截屏2021-12-21 下午6.37.10.png

元素隐藏

document.querySelector("#juejin > div.view-container > main > div.view.user-view > div.major-area > div.user-in
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值