LoginSignup
5
1

More than 1 year has passed since last update.

[iOS15 ベータ8]WKWebViewでデフォルトのテキストカラーが変更された

Last updated at Posted at 2021-09-09

環境

iOS 15.0(19A5340a) ベータ8

発生した問題

WKWebView上で文字が表示されない。

iOS14 iOS15
text.png nonText.png

先に結論

iOS15でWKWebViewのCSS初期設定に変更が入り、デフォルトのテキストカラーに白が指定されるようになった。


以下調べた過程

調査

ネイティブアプリのWebViewをデバッグする方法を参考にCSSを見てみます。
ユーザーエージェントスタイルシートで指定されている箇所を見るとfont-familyがHelveticaからsystem-uiに変わってますね。
やはりWKWebViewにも色々修正が入っているようです。
CSSの初期設定周りに変更入ったものと推測。

iOS14 iOS15
ios14.png ios15.png

調査2

試しに開発ツールから背景色をblackに変更してみると表示されました。

背景色の変更 変更後の表示
change.png blackBack.png

結論

iOS15のWKWebViewではデフォルトのテキストカラーが白に変わったものと思われます。
現状ベータ8ですがこれはリリースまでに直るのでしょうか🤔
→ リセットCSSが適用されていないのがそもそもの問題ですね😅

参考

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1