从 WKWebview 中删除/剥离 HTML 类

Posted 2023-03-14

【中文标题】从 WKWebview 中删除/剥离 HTML 类

【英文标题】：Removing/Stripping HTML Class from WKWebview

【发布时间】：2017-08-03 18:01:55

【问题描述】：

我正在尝试从 WKWebview 中删除 header-padding html 类，这是我目前使用的方法。

func webView(webView: WKWebView,didFinishNavigation navigation: WKNavigation)


    webView.evaluatejavascript("document.querySelector('[header-padding​]').remove();", completionHandler:  (response, error) -> Void in

    )

但它不起作用，这是我的 HTML。

<div class="header-padding" style="padding-bottom: 104px;">
<div class="navigation nav"><div class="nav-overlay"></div>

<header class="global-header">
<button class="search" aria-expanded="false" aria-label="show search field">
    <span class="search-icon"></span>
</button>
<button class="burger" aria-expanded="false" aria-label="show main menu">
    <span class="burger-menu"></span>
</button>
<a href="/content/insite.html" class="logo">
    <img class="logo-img" src="/etc/logo.png" >
</a>

<div class="profile" aria-expanded="false">
    <div class="profileNavImg">
    <img id="header_profile_image" class="avatar profileLayoutCircle profile-show" src="/content/dam" >
    </div>
</div>
</div>
</div>

任何帮助都会很棒。谢谢

【问题讨论】：

我认为这个答案应该可以帮助你Call JavaScript function

您的 Javascript 错误。我觉得应该是document.querySelector('.header-padding').remove()

【参考方案1】：

您使用了不正确的查询选择器。要按类选择元素，您应该使用.：

document.querySelector('.header-padding').remove();