2017-01-25 17 views
0

chrome開発ツールからレイアウト全体を直接作りたいと思っています。だから、私はクロム開発ツールの作業領域に来ました。クロムワークスペースの制限

しかし、私は、私は要素パネルからいくつかのHTMLの変更を行う場合は、システムリソース

  1. を提出するスタイルとHTMLをマッピングした後、私が直面してる2は限界がある - などの編集HTMLをまたはノードを削除する - それがあります私はそれを保存することができるように私のワークスペースのHTMLファイルにマップされていません - そのような変更を見る方法はありますか?

  2. 私は、CSSファイルでマッピングした後 - と私の地元のCSSファイルは、セレクタのためのルールが

    ラッパー言われていない{フォントファミリ:「クーリエ新しい」}

要素を直接選択して、要素パネルからの変更を維持することはできません。

以下の画像を参照してください:保存することができ、外部CSSファイルで定義された

enter image description here

enter image description here

+0

申し訳ありません、何を求めていますか? –

答えて

0

「だけのスタイルを変更はelement.styleしたり、スタイルが保持されませんインライン化(​​あれば。あなたはインラインスタイルを持って、彼らはソースパネルで変更可能)」

https://developers.google.com/web/tools/setup/setup-workflowから:。

+0

要素タブとソースタブでHTMLの変更を同期する方法は? – Prabhas

+0

あなたは何を意味するのか分かりませんか?外部スタイルシートをマップした場合は、要素を選択し、要素タブで何かを変更してから、スタイルシート(これは[ソース]タブに表示されるはずです)に戻します。それができないのは、マップされたスタイルシートに新しい宣言を追加することです。 – surfthecity

+0

私は、要素のタブ(スタイルの変更ではなく)からDOMの変更やHTMLの変更を行い、何とかしたいと思っています – Prabhas