Chrome DevTools Console の AI assistance
Chrome DevTools Console の AI assistance
1
@ku: いつのまにかChrome dev consoleにもAIがついてるけど、これめっちゃいい。ページからデータ取り出すのもやってくれるし、全部のボタンを押してほしい、みたいなのもjsコード生成してくれるし、だいぶん賢いし使いでがある https://pbs.twimg.com/media/GncMKT-a8AA0kpy.jpg
2
@ku: 実行するボタンもついてて生成したコードを実行する前提の機能になってる。いままでめんどくさくてできなかったようなことがプロンプトさえ書ければ誰でもできちゃう! https://pbs.twimg.com/media/GncNMfFbMAA3EX0.jpg
3
@ku: これは2020年代のgreasemoneyだ 4
@ku: ドキュメントの内容について一般的な話を聞くのはできなくてあくまでDOMの操作とかそういう話だけできる Show console drawer (Esc キー) すると出てくる
https://gyazo.com/be92f9462dd5772c498e390cdb0e0c0d
Overview
The AI assistance panel lets you chat with Gemini directly in DevTools. Conversations you start from this panel automatically have context about technical details of the page you are inspecting.
When using the AI assistance panel you can either use provided example prompts or your own questions as a starting point for conversations and continue with as many follow-up questions as needed to solve your task.
Chats in the AI assistance panel can help you to understand more about:
Styling: Ask about elements from the DOM tree and learn why they are displayed a certain way, how they interact with each other, and solve styling challenges with provided fixes.
Network requests. Ask about requests that are sent in the context of your page. Understand where they are coming from, how long they take or why they fail.
Sources. Ask questions about files loaded by your web page. Learn more about their contents and purpose.
Performance. Ask about activities from a performance profile recorded in the Performance panel and get suggestions for improvement.
概要
AI アシスタンス パネルを使用すると、DevTools 内で Gemini と直接チャットできます。このパネルから開始する会話には、検査対象のページの技術的な詳細に関するコンテキストが自動的に含まれます。
AI アシスタンス パネルでは、用意されているサンプル プロンプトまたは独自の質問を会話の出発点として使用し、タスクの解決に必要な数だけフォローアップの質問を続けることができます。
AI アシスタンス パネルでのチャットは、以下の点について理解を深めるのに役立ちます。
スタイル: DOM ツリーの要素について質問し、それらが特定の方法で表示される理由、要素同士の相互作用、そして用意されている修正プログラムを使用してスタイルに関する問題を解決します。
ネットワーク リクエスト: ページのコンテキストで送信されるリクエストについて質問します。リクエストの送信元、所要時間、失敗理由を把握します。
ソース: ウェブページによって読み込まれるファイルについて質問します。ファイルの内容と目的について詳しく知ることができます。
パフォーマンス: パフォーマンス パネルに記録されたパフォーマンス プロファイルのアクティビティについて質問し、改善のための提案を得ることができます。