12

ホストモードのEclipseでGWTアプリケーションを開発しています。

CSSで何かを変更すると、ブラウザに表示されません。CTRL + F5を使用してブラウザーでフルリロードを試み、Eclipseでアプリを再起動しましたが、変更はありません。

Mavenクリーンインストールを使用してアプリを再構築し、Eclipseでアプリを再起動すると、変更を確認できます。これにはかなりの時間がかかります。

私が間違っていることについて何か考えはありますか？もっと良い方法があるに違いないと思います。

よろしく、ルーカス

4

5 に答える 5

2

アプリに外部 CSS ファイルを使用しており、Chrome と Firefox の両方で単純な更新 (キャッシュを空にしたり、サーバーを再起動したりする必要はありません) で、ブラウザーにすべての変更がすぐに表示されます。

問題は、ファイルの場所に関連している可能性があります。私のファイルは /war ディレクトリにあり、直接編集します。もう 1 つの可能性は、ホスト ページでファイルを参照する方法です。「/myCss.css」のような相対パスがあることを確認してください。

于 2012-09-16T12:56:47.940 に答える
0

この問題を解決するには 3 つの方法があります。私はEclipseを使用していませんが（IntelliJでコーディングし、コマンドラインのGradleスクリプトからホストモードを使用しています）、とにかくすべてが機能することを願っています.

1 つ目は、ホスト モードがどこからファイルを提供しているかを把握することです。理想的には、展開された war ディレクトリです。そこには、変更しようとしている CSS ファイルの正確なレプリカとなる CSS ファイルがあります。そこに変更を加え、リロード、変更などを行い、完了したら、そのファイルをコピーしてソース ディレクトリに貼り付けることを忘れないでください。私は VIM を使用して前後に切り替えます。熱心な方であれば、ホスト モードが終了したときにファイルをコピーして戻すスクリプトを作成できると思います。

user1570921 が指摘するように、2 番目の方法 (およびはるかに優れた方法) は、CSS を UIBinder コードに埋め込むことです。たとえば、次のような場合があります。

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
         xmlns:g='urn:import:com.google.gwt.user.client.ui'>

<ui:style>
    .outsidePanel {
        background: #00F;
    }
</ui:style>

<g:HTMLPanel styleName="{style.outsidePanel}">
    Hello, World!
</g:HTMLPanel>

上記の例では、ui:style セクション内の CSS を編集し、F5 を押して変更を確認し、さらに変更を加えることができます。ファイルをコピーする必要はありません。

詳細については、こちらのリンクをご覧ください: https://developers.google.com/web-toolkit/doc/latest/DevGuideUiBinder#Hello_Stylish_World

3 つ目の方法は、Google Chrome の Dev Tools (CTRL-Shift-I) または Firefox で F12 を使用することです。そこでは、ファイルをまったく変更せずにインラインで CSS を編集できます。適切な値をすべて把握し、新しい値を追加し、古い値を削除してから、CSS ファイルに同じ変更を加えます。その後、変更を確認するために再デプロイを続ける必要はありません。

個人的には2番と3番を組み合わせて使っています。

于 2012-09-15T04:12:28.037 に答える
0

project.gwt.xml ファイルに<stylesheet src="sheet.css" />またはという行を追加してみてください。<stylesheet src="/sheet.css" />

よろしく、

エディ

于 2016-09-13T15:17:33.500 に答える