Safariでデベロッパーツールを表示する方法

auです。

きのうの続きで、iPhoneだと画像が表示されないバグを修正しようと頑張っていました。

原因がなんとなくわかってきて、「Safariだと表示されない」ということから、拡張子がwebpなのが原因なのかなと思っています。

とにかく、Safariで起きている問題ということが分かったので、デベロッパーツールでみてみようと思い、調べてみました。

Safariでデベロッパーツールを使う

今回は、MacのSafariで表示します。

Safari > 環境設定

詳細の「メニューバーに"開発"メニューを表示」にチェックマークをいれる

すると、メニューバーに「開発」という項目が追加されます。
その中の「Webインスペクタを表示」を押すと、Chromeのようなデベロッパーツールが表示されます。

ちなみに特にエラーのようなものは出ていなかったのでもう少し調べる必要がありそうです。