スマホアプリのデバッグに便利なChrome開発ツールの使い方 【プログラマー&デザイナーさん知ってました？】| らふらく^^

iPhoneアプリやAndroidアプリ、スマホサイト最適化などの開発で使うと便利なツールを紹介します。 Chrome developer toll（以下、chrome devツール）を使うのです。 開発者の方はこれを使えば、作業がはかどること間違いなしです。 chrome devツールの開き方 まずは、devツールを開くショートカットキーを知っておきましょう。 htmlなどの要素タブを開きたい場合は、「command + option + i」を、 consoleタブを開きたい場合は、「command + option + j」を使います。 devツールをスマホ開発用に右に寄せる方法 普通にツールを開いただけでは、画面下に位置し、開発がしにくいです。 そこで、devツールを右に寄せてしまいましょう。 やり方は簡単です。以下の赤枠で囲った部分を長押ししましょう。 すると、ア

[atsushi1972]

スマホアプリのデバッグに便利なChrome開発ツールの使い方 【プログラマー&デザイナーさん知ってました？】 iPhoneアプリやAndroidアプリ、スマホサイト最適化などの開発で使うと便利なツールを紹介します。 Chrome developer t