問題タブ [liveedit]

答えをグーグルで検索し、提案されたすべてを試した後でも、この問題を解決できません。

私が試したこと：

• ダウンロード/インストール/有効化された Live Edit プラグイン
• JavaScript デバッグ構成を構成しました
• 変更Update to Auto in (ms)・確認しましたRestart if hotswap fails
• デバッガーの JetBrains IDE サポートで使用するのと同じポートを指定し、チェックしましたCan accept external connections
• アプリケーションの更新を試みた (CTRL+F10)

CSS ファイルを保存して Chrome で開発ツール パネルを開くと、[スタイル] タブに適用された変更が表示されますが、ブラウザーはそれをレンダリングしません。確認してみEnable continuous page repaintingましたが変わりませんでした。

HTML、PHP、およびインライン CSS の変更は更新されます。

ソフトウェアのバージョン:

• PhpStorm 8.0.3
• クローム 42.0.2311.135
• JetBrains IDE サポート 2.0.8

Javascript デバッグ構成を使用して PyCharm 5 のライブ編集機能を使用しようとすると、IDE はブラウザー タブを起動します。これは IDE に接続しているように見えますが、何も機能しません。

エラーもありません。これに関するドキュメントはオンラインのどこにも見つかりませんでした。

WebStorm で Meteor (todo の例) と LiveEdit を使用すると、コードを編集して保存するたびにページがリロードされます (5 秒の遅延の後)。

LiveEdit が有効になっているのに、ページがリロードされるのはなぜですか?

ページの再読み込みの遅延を修正するには? それを防ぐことは可能ですか？

Meteor-js の reload.js が原因のようで、Meteor.js の Speed up Auto-reload に関連しています。

コンポーネント、プロバイダー、サービスなどの基本的な構造の AngularJS アプリを用意します。多くの分離された .js ファイルです。私は grunt taks を使用してそれらを単一の .js ファイルにコンパイルします。application.js?v${build}

時間を節約するために、IDEA プラグイン「Live Edit」を使用します。.html のすべての変更がリアルタイムでブラウザに反映されます。

「JetBrains IDE Support」プラグインと Chromium Web ブラウザーを介して JavaScript デバッグ構成によってすべて接続されます。それらはすべて正常に機能します。

今問題: angular/JS で変更をリロードすることはできません。変更するたびに、grunt タスクを手動で実行して、angular を単一の js にコンパイルし、ブラウザーで F5 を押す必要があります。（大したことではないことはわかっていますが、1日に1000を実行するイメージ:) どんな助けにも感謝します!

PS: JS をデバッグできます。デバッガーは、IDEA IDE で設定されたブレークポイントで正しく停止します。

「ライブ編集」を有効にすると、ノード インスタンスの起動に失敗します。ファイルにコマンドはありませんmanifest.ymlが、package.json でスクリプトが開始されます。以下のログを参照してください。

Buildpack v3.2-20160315-1257 を使用して、IBM SDK for Node.js でノード 4.3.2 を実行しています。

Safari でのライブ編集に関するいくつかの古い質問を読みました。ブレークポイントを設定し、行をダブルクリックしてコードを編集するオプションがありました。今コードをダブルクリックしていますが、うまくいきません。Safari で実行される前に JavaScript コードを編集するにはどうすればよいですか? 拡張機能を介して、または他の方法で？

はじめに、私は過度に経験豊富なプログラマーではありません。私の分野は主に HTML と CSS で、ここで少し立ち往生しており、オンラインで高低を検索しましたが、必要なものが見つかりません。私の言い回しが悪いのか、情報不足なのか、よくわかりません（笑）。

ライブバージョン

HTML
<select ONCHANGE="document.getElementById('display-inner').src = this.options[this.selectedIndex].value"> <option value="http://tessisamess.com/freeedit.html">Free Edit</option> <option value="http://tessisamess.com/completestyle.html">Complete Style</option> <option value="http://tessisamess.com/generator.html">Generator</option>

Jクエリ

私が達成しようとしていること:
私は通常、レイアウトを作成するユーザー向けのライブ エディターを作成しています。また、自由編集モードと保存機能がすべて正常に機能しています。また、スタイルを変更してアップロードし、iframe に表示することが多い 2 つの基本レイアウトも用意しました。ドロップダウンからレイアウトまたは無料編集を呼び出して、右側のエディターの隣に表示できます。

ここでの目標は、3 つのモードのいずれかをクリックし、左側のコードを記述して、右側の iframe をクリアしてテキストエリアのコンテンツに置き換えるのではなく、更新が既に反映されていることを確認できるようにすることです (つまり、現在行っていること。)

機能する必要があるものと機能しないもの:
[完全なスタイル] または [ジェネレーター] をクリックすると、テキスト領域 (左) に、各レイアウトのスタイルを設定するために使用する基本コードが表示される必要があります。生成されたコードを使用するか、事前に作成されたレイアウト編集に置き換えて、その側の編集を開始すると、右側の接続先の iframe に変更が反映されます。(例: 背景画像を に追加するbodyと、iframe 内のページの背景が変更されます。)

目的:
サイトで私のフリー レイアウトを頻繁に使用し、サイトの非常に古いリソースを使用してレイアウトを編集するのに苦労しているユーザーに提供するためのツールとしてこれを使用しています。私のカスタム CSS を挿入して好きなように編集して、サイトに持ち帰って実際のジャーナルに実装できるようにしてほしい.

必要に応じて、これがすでに機能している方法を変更する必要があることに注意してください。すでに持っているものに固執するよりも、正しく機能することをお勧めします。私は TinyMCE をアップロードするつもりはありませんが、オプションが少ない場合はちょっと。何もありませんよね？

昨夜、WebStorm をバージョン 2016.2 に更新しました。ライブ編集を使用してデバッグしようとすると、ブラウザーに通常の URL ではなく次の URL が表示されます。

chrome-extension://hmhgeddbohgjknpmjagkdomcpobmllji/loading.html?url=http%3A%2F%2Flocalhost%3A65487%2F70-480%2FQuestionsAndAnswers.html

WebStorm に Live Edit を再インストールし、ブラウザーに Chrome 拡張機能を再インストールしようとしましたが、成功しませんでした。

これを修正する方法を知っている人はいますか？