76

バージョン 19 の時点で、Chrome の Web Inspector には「スニペットのサポート」と呼ばれる実験的な機能があります。有効にする方法は次のとおりです。

  1. chrome:flags を開き、「デベロッパー ツールの実験」を有効にして、再起動します。

  2. Web インスペクター (開発者ツール) を開き、右下隅にある歯車の設定アイコンを押して、「スニペットのサポート」を有効にし、再起動します。

    スニペットのサポートを有効にする

  3. [スクリプト] パネルを開き、左側の「ナビゲーター ツリー」アイコンをクリックして、空の [スニペット] タブを見つけます。

    スニペットタブ

私の質問は次のとおりです。これを何に使用できますか? これにスニペットを入力するにはどうすればよいですか?

4

6 に答える 6

12

私はポール・アイリッシュにそれについて何か知っているか尋ねた.彼も確かではなかったが、まだ完全には実装されていないと言い、バグトラッカーを指摘した.ヘッドチケットを見つけた.FIXME: To be implemented.コメント。

于 2012-05-08T13:53:35.180 に答える
9

右クリックして新しいものを作成します。

Chrome DevTools スニペット — 新規

于 2012-11-12T12:34:03.763 に答える
5

Chrome 開発者ツールのスニペット サポートにより、JavaScript コード スニペットの作成/編集/保存と実行が可能です。

于 2012-07-06T20:17:09.187 に答える
3

私は自分でその実験をアクティブにすることができません (私の にはありませんDeveloper Tools experimentschrome:flags、Safari から、次の説明を見つけまし:

要するに、「HTML と CSS のブロックを入力して、その場でレンダリングできるようにする小さなユーティリティ」です。

ブログ投稿によると、Safari ではバグがあるようで、Chrome ではまだ実装されていない可能性があります。

于 2012-05-08T13:21:07.037 に答える