Heim > Artikel > Web-Frontend > Content-Type-Verkleidung – JSP als CSS verkleiden

Content-Type-Verkleidung – JSP als CSS verkleiden

高洛峰Original: 2017-02-23 10:40:252053Durchsuche

1. Vorläufige theoretische Vorbereitung

1) Zweck:
CSS-Anweisungen dynamisch in JSP generieren und sie dann zum Parsen und Rendern an den Browser ausgeben.
2) Die Grundlage für das Parsen von Dateien durch den Browser:
Nachdem die Seite geladen wurde, initiiert der Browser verschiedene Anforderungen zum Herunterladen verschiedener Ressourcen.
Laden Sie beispielsweise eine CSS-Datei herunter und analysieren Sie das Dokument dann gemäß den CSS-Parsing-Regeln. Wenn der Inhaltstyp der heruntergeladenen Datei nicht übereinstimmt, blockiert der Browser sie automatisch.

Content-Type伪装 - 将jsp伪装成css

2. Voraussetzungen für die Umwandlung von JSP in CSS

Nachdem Sie die Parsing-Regeln des Browsers kennen, muss JSP nur noch seinen eigenen Content-Type umwandeln „Text/CSS“.

3. Laden Sie den Code direkt hoch:

index.html

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>jsp文件输出为css文件</title>
<link type="text/css" rel="stylesheet" href="./css.jsp" />
</head>
<body>
    <p class="demo">wall say: hello!</p>
</body>
</html>

css.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="false"%>
<%    // 伪装响应的http头部
    response.setHeader("Content-Type", "text/css");    
    // 输出css样式
    out.clear();
    out.print("@charset \"utf-8\";\n");
    out.print("p{color:red;}\n");
%>

4. Ergebnis

Content-Type伪装 - 将jsp伪装成css

Das JSP wurde erfolgreich als CSS-Datei getarnt und der Browser hat den Stil erfolgreich analysiert!

5. Erweiterungen

Gemäß dieser Tarnregel kann JSP als jedes Dateiformat getarnt werden, solange der Browser es analysieren kann.
Wenn es beispielsweise als js getarnt ist, setzen Sie den Content-Type auf „application/x-javascript“

Für weitere Content-Type-Verkleidungen – jsp als css tarnen, achten Sie bitte auf PHP Chinesische Website für verwandte Artikel!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Liste der neuen Funktionen von CSS3Nächster Artikel：Liste der neuen Funktionen von CSS3

In Verbindung stehende Artikel

Mehr sehen