Javaソケット - HTMLがCSSとして解釈されています

Question

リクエストがあったときにブラウザにHTMLファイルを送信したい場合、問題なくHTMLをブラウザに送信できます。私は、HTMLにCSSを適用しようとしていますが、Chromeは私にエラーを与えている：

Resource interpreted as Stylesheet but transferred with MIME type text/html 

私はそれがindex.htmlとmain.cssの両方を示しているChromeでソース]タブに移動しますが、彼らは両方のindex.htmlの内容を持っているときはいつでも。 main.cssはスタイルシートリンクとして追加されましたindex.html

私は何とかCSSをブラウザとHTMLに送信しなければならないと仮定していますか？現時点で

これは私が使用しているJavaコードです：

String webPageContents = null; 
    BufferedReader webpage = new BufferedReader(new FileReader("data/index.html")); 
    while ((webPageContents = webpage.readLine()) != null) { 
     String httpResponse = "HTTP/1.1 200 OK\r\n\r\n" + webPageContents; 
     socket.getOutputStream().write(httpResponse.getBytes("UTF-8")); 
    } 

EDIT：

final ServerSocket server = new ServerSocket(8080); 
    System.out.println("Listening on 8080"); 
    while (true) { 
     try (Socket socket = server.accept()) { 
      socket.getOutputStream().write(sendFiles(socket, "index.html", "html;").getBytes("UTF-8")); 
      socket.getOutputStream().write(sendFiles(socket, "main.css", "css;").getBytes("UTF-8")); 
     } 
    } 
} 

private static String sendFiles(Socket socket, String fileName, String memeType) throws IOException { 
    String webPageContents = null; 
    BufferedReader webpage = new BufferedReader(new FileReader("data/" + fileName)); 
    String httpResponse = null; 
    while ((webPageContents = webpage.readLine()) != null) { 
     httpResponse = "HTTP/1.1 200 OK Content-Type:text/" + memeType +"\r\n\r\n" + webPageContents; 
    } 
    return httpResponse; 
} 

：

を私がように私のコードを変更したAdninの答えを1としてしかし、HTMLページにスタイルを適用して表示する代わりに、CSSをブラウザに表示しています。

Answer 1

ブラウザは、受信したデータの種類を認識するために 'Content-Type'レスポンスヘッダーを使用します。多くのMIMEタイプ（画像、音声、テキスト、アプリケーションデータ用）があります。あなたは、ここで詳細を読むことができます：https://en.wikipedia.org/wiki/Media_type

あなたはレスポンスヘッダを追加する必要があります：CSSファイル応答にHTMLページの応答

と

Content-Type:text/css; 

へ

Content-Type:text/html; 

。

問題が解決するはずです。