アプリで表示されるWebview時のみ、要素を非表示にする方法について。

Question

運用しているWebサイトを、Webviewにしてアプリに反映させています。
その際、アプリでは表示させたくない要素があるのですが、Webサイト側で何か設定することは可能でしょうか？

javascriptで、Webviewかどうか（使用しているアプリで見ているかどうか）を判定できれば可能かと思ったのですが、色々試してみても上手くいかず...。

アプリ側で何か設定してもらう方が良いのでしょうか？
詳しい方がいらっしゃいましたら、教えていただけますと幸いです。

よろしくお願いいたします。

if ((navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0 || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) &&  ! navigator.userAgent.indexOf('プラットフォーム名') === 0) {
document.getElementById("id").style.display = "block";
}

#id{
		display: none;
	}

Comments

[int32_t]

> 色々試してみても上手くいかず...。

何を試したか書いてください。
回答を書いても「それはもう試しました」では無駄になるので。

[m.ts10806]

userAgentではブラウザからアクセスしたときも反応してしまうのでは。

[oribooo]

＞何を試したか書いてください。

失礼いたしました。
試してみたコードを追加いたしました！

＞userAgentではブラウザからアクセスしたときも反応してしまうのでは
ご回答ありがとうございます。
userAgentについてもう少し調べてみます。

Answer 1

現状どのように組んでいるのか分からないのと、私自身、WebViewで対応したことないので（WebViewで表示される内部のWebアプリケーションは作ったことがある）
「参考」程度でしかないのですが、

https://qiita.com/atsuto/items/1acb87ce9f0512cf8641

WebViewのJavaScriptからネイティブのメソッドを呼ぶ
やり方があるようなので、WebViewからのみ実行されるJavaScriptのメソッドをWebアプリ側に用意すれば
できそうな気がします。

Comments

[oribooo]

ありがとうございます。
ブログも大変参考になりました！

やはりサイト側では、WebViewのみ何かを指定するというのは難しそうですね..
アプリ側で設定が可能か問い合わせてみます。