代わりにソースパネルでHTMLを編集してください。スタイルペインでCSSを編集し、そのCSSのソースがHTMLファイルの場合、DevToolsは変更を保存しません。代わりにソースパネルでHTMLファイルを編集してください。関連機能Workspaces。DevToolsは自動的にネットワークリソースをローカルリポジトリにマップします。DevToolsを変更すると、その変更もローカルリポジトリに保存されます。[変更]タブDevToolsでローカルで行った変更を新しい変更タブで追跡します。ペインを使用して、現在選択されている要素のアクセシビリティプロパティを調べます。DodsonのA11ycastをチェックして、アクセシビリティペインを実際に見てください。Pickerはテキスト要素のコントラスト比を表示します。テキスト要素のコントラスト比を増やすと、視覚障害や色覚障害のあるユーザーがサイトにアクセスしやすくなります。contrastを参照してください。すべてのユーザーがサイトをより使いやすくすることができます。言い換えれば、テキストが白い背景で灰色である場合、誰にでも読むことは難しいです。(AAA)満たすことを意味します。(AA)に会ったことを意味します。**ボックスの白い線は、推奨されるコントラスト比を満たす色と、そうでない色との境界を表します。**は推奨を満たしています。白線の下のすべての色も推奨値を満たしています。監査パネルには、自動アクセシビリティ監査機能があります。ページ上のすべてのテキスト要素は十分なコントラスト比を持っています。アクセス可能性をテストするために監査パネルを使用する方法については、下記のA11ycastを見ます。65には、全く新しいカテゴリのSEO監査と多くの新しいパフォーマンス監査が付属しています。**パネルはLighthouseによって強化されていLighthouse。64はLighthouseバージョン2.5を実行します。65はLighthouseバージョン2.8を実行します。したがって、このセクションは、2.6,2.7、および2.8からLighthouseのアップデートをまとめたものです。カテゴリの各監査に合格するようにすることで、検索エンジンのランキングが向上する場合があります。65には、多くの新しいパフォーマンス監査が付属しています。65はステップインへのアップデートをもたらします。Intoボタン、および非同期コード。以前のステップ動作をしたい場合は、新しいステップを使用することができます!代わりにStepボタンを押します。スレッド間でメッセージを渡すコードへのステップスレッド間でメッセージを渡すコードに入ると、DevToolsは各スレッドで何が起きたかを表示します。**のアプリは、メインスレッドとワーカースレッドの間にメッセージを渡します。onmessageはワーカースレッドのonmessageハンドラで一時停止します。onmessageハンドラ自体は、メインスレッドにメッセージを戻します。そのへの呼び出しは、DevToolsをメインスレッドに戻します。**に示すように、Chromeはコードのメインスレッド側のみを表示しました。}へのステップ非同期コードにステップインすると、DevToolsは最終的に実行される非同期コードで一時停止することを前提とします。デベロッパーツールは舞台裏で、その点に至るまでのすべてのコードを実行し、その後に渡された機能で一時停止しますsetTimeout()。**に示すように、時系列的にコードを一時停止しました。}での複数録音パフォーマンスパネルで、最大5つの録音を一時的に保存できます。DevToolsウィンドウを閉じると、録画が削除されます。Performanceを参照してください。65とは関係ありません。DevToolsチームが管理するブラウザ自動化ツールPuppeteerのバージョン1.0がリリースされました。Puppeteerを使用すると、以前はDevToolsでしか利用できなかった、スクリーンショットのキャプチャなど、多くのタスクを自動化できます。browser.close();})();また、PDFの生成など、一般的に有用な自動化タスク用のAPIも備えています。Startを参照してください。DevToolsを明示的に開いていなくても、Puppeteerを使用してブラウズ中にDevToolsの機能を公開することもできます。DevToolsを参照してください。Canaryをデフォルトの開発ブラウザとして使用することを検討してください。Canaryに残っている間に好きではないバグや変更を報告した場合、DevToolsチームはフィードバックを大幅に早く解決できます。CanaryはChromeの最先端バージョンです。テストなしでビルドされるとすぐにリリースされます。これは、Canaryが時々、約1ヶ月に1回壊れてしまうことを意味し、通常は1日以内に修正されます。Stableを使用することに戻ることができます。@ChromeDevToolsツイートすることもできます。devtools-whatsnewタグを参照してください。