Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What are the problem?

posted at

updated at

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

環境

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が適用されていないのがそもそもの問題ですね😅

参考

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
1
Help us understand the problem. What are the problem?