web-dev-qa-db-ja.com

Chrome開発者ツールでJavascriptをライブ編集できません

私はこれを何百万回も実行しました。つまり、[ソース]タブでjavascriptファイルを開き、編集してCTRL + Sを押して保存すると、Chromeは「再コンパイル」で同じことを確認します。および更新が成功しました」。

しかし、私はもうこれを行うことはできません!コンソールに確認メッセージはありません。

また、ソースウィンドウが赤みを帯びて表示され、失敗したことを示します。

同じスクリプトが別のシステムから編集されています。

私はChrome 41.0.2272.101m/WIN8にいます。

スクリプトは「きれい」ではなく、その答えを除外するだけです。

10
Neo

ワークスペースを使用してみてください: https://developer.chrome.com/devtools/docs/workspaces

ソースの左側のパネルを右クリックし、[フォルダーをワークスペースに追加]を選択して、プロジェクトフォルダーをdevtoolsのワークスペースとして追加します。

その後、ワークスペースのフォルダーからjavascriptファイルを選択します。ファイル内の任意の場所を右クリックして[ローカルリソースにマップ]を選択し、ワークスペース内の現在のファイルと一致するライブファイルを選択します。

これにより、JSファイルを更新できるようになり、保存された変更は更新せずに現在のページに適用されます。

10
micjamking

私は何も保存せずにウェブサイトのJSをライブ編集するための素晴らしい方法を考え出しました。また、ページのリロード後も持続しますが、開発者コンソールを開いたままにしておく必要があります。

-コードを挿入する場所にブレークポイントを追加します。

-このブレークポイントを編集し、必要な変更を追加します。

-必ず「false;」で行を終了してください。ブレークポイントが実際にトリガーされないようにする(トリガーする必要がない限り)

例:ブレークポイント条件が「valueToChange = 100; false;」の場合、実行がこの行を超えるたびに、「valueToChange」は100に設定されます。

4
David Stolze

以下のリンクを参照してください。ステップバイステップの説明を示しています。 https://www.youtube.com/watch?v=PJDPIsOfFZE 私が見つけた1つのことは、Chrome拡張機能JetBrainプラグインはオプションで構成できることです(右クリックJBのchrome拡張機能)。ポート番号がIntellijデバッグポート番号と一致していることを確認します。JRebelを使用する場合、そのポート番号はjavascriptデバッガーとは異なります。

0
Kyung Hwan Min