WKWebviewでWebページを読み込む前にCSSを変更したい.

Question

HPをネイティブアプリにするにあたって、SwiftでWKWebViewを使いWepページの表示おこなっています。
ナビ・メニュー昨日はネイティブで実装しようと思っているので、元々HPのheader部分が必要ないので、Javascriptで削除したいです。

初回webview読み込み時以外では下記コードでHTMLのheader部分丸々を削除して表示できています。

func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) {
        webView.evaluateJavaScript("document.getElementById('header').remove();", completionHandler: nil)
}

しかし、初回読み込み時では、header部分は削除されずに表示されてしまします。

didCommit 読み込み前に実行されるので、初回読み込み時でも削除できるかなと思ったのですが、うまくいきません。

下記記事を参考にできる様な気がするのですが。。。
https://qiita.com/takecian/items/9baf7e2bd611aac4791d

ご回答宜しくお願い致します。

Answer 1

直接の解答にはなりませんが、アプリ経由のアクセスか否かをユーザエージェントにより判別してHTMLのレンダリングをWebサーバ側に任せるのが良いかと思います。当然ウェブ側リソースの改修が可能であることが前提となりますが...
ユーザエージェントで識別できるようになると、アプリかブラウザかの経由解析が可能になるのでお勧めです。
たとえば後々、「アプリからの閲覧の場合は広告を出さない」のような要件が出そうなのであればなお。

参考
アプリ経由でのWebサイトアクセスを識別するためにユーザエージェントを加工する【Swift3.0】

Comments

[rei1010b]

ご回答ありがとうございます。
やはりサーバー側をいじった方がベストなのですね。。