時にはDOMが自分のコントロール外で、自然に奇妙な変化を起こして問題の根本にたどり着くのが難しくなることもあります。 Google Chromeの開発ツールには「Break on...」という非常に便利な機能があり、DOMノードを右クリックするとこのメニュー項目が見えます。 ブレークポイントのトリガー条件は、ノードが削除されるか、ノードのプロパティが変わるか、またはそのサブノードのいずれかが変わるように設定できます。
Google Chromeには、モバイルデバイスをシミュレートする非常に興味深いツールがあり、プログラムの動作をモバイル端末でデバッグするのに役立ちます。 見つけるにはF12キーを押し、開発者ツールを開き、ESCキー(現在のタブはコンソールではありえません)を押すと、エミュレーションタブにデバッグの第2レベルウィンドウが表示され、さまざまなエミュレーションデバイスから選べます。 もちろん、これは本物のiPhoneではありませんが、iPhoneの寸法、タッチイベント、ブラウザのユーザーエージェント値をシミュレートするだけです。
5. 監査でウェブサイトを改善する
YSlowは素晴らしいツールです。 Google Chromeの開発者向けツールにも「Audits」という非常に似たツールがあります。 ウェブサイトを素早く監査し、非常に実践的で効果的な提案や最適化方法を教えてくれます。
掲載地 2017/06/13 13:11:32
|
|
|
|
掲載地 2017/06/13 15:24:17