Web制作に役立つ、Chrome 72 デベロッパーツールの新機能のまとめ
先週の1/29にリリースされたChrome 72に伴い、デベロッパーツールも新機能がアップデートされました。Web制作に役立つ新機能を紹介します。 What's New In DevTools (Chrome 72) パフォーマンス指標のビジュアル化 テキストノードをハイライト表示 Shadow DOMに役立つ「Copy JS path」 JavaScriptライブラリの検出 動画バージョン パフォーマンス指標のビジュアル化 ページのロードを記録した後、DOMContentLoadedやFirst Meaningful PaintのようなパフォーマンスメトリックをTimingsセクションにマークするようになりました。 TimingsセクションのFMP Performanceパネルに移動。 Recordボタンをクリックして、ロードを記録。 Timingsセクションを展開。 テキストノードをハ
Firefox のインスペクタで HTML の編集ができるようになった
さっき何となく Firefox Nightly （Firefox 28） いじってて気がついたんですが、インスペクタ （Inspector） で HTML の編集ができるようになったみたいですね。 で、調べてみたら Firefox 27 から機能追加されたそうで、ちょうど、Mozilla Hacks でもこの機能改善について取り上げられてました。 Firefox Developer Tools: Episode 27 - Edit as HTML, Codemirror & more ： Mozilla Hacks Mozilla Hacks の記事ではデバッガ （JS Debugger） の新機能についてなども書かれていますが、ここではとりあえずインスペクタの件だけ簡単に触れておきます。 HTML の編集機能が付いたよ インスペクタから要素を選択して、スタイルをいじったりは今までもできま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
