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. 
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
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!
Simulation der MausbewegungApr 22, 2025 am 11:45 AMWenn Sie jemals eine interaktive Animation während eines Live -Vortrags oder einer Klasse anzeigen mussten, wissen Sie vielleicht, dass es nicht immer einfach ist, mit Ihren Folien zu interagieren
Suchen Sie die Suche mit Astro -Aktionen und Fuse.jsApr 22, 2025 am 11:41 AMMit Astro können wir während unseres Builds den größten Teil unserer Website generieren, verfügen jedoch über ein kleines Stück serverseitiger Code, mit dem Suchfunktionen mithilfe von so etwas wie Fuse.js. In dieser Demo werden wir Fuse verwenden, um eine Reihe persönlicher "Lesezeichen" zu durchsuchen.
Undefiniert: der dritte boolesche WertApr 22, 2025 am 11:38 AMIch wollte eine Benachrichtigungsnachricht in einem meiner Projekte implementieren, ähnlich wie in Google Docs, während ein Dokument speichert. Mit anderen Worten, a
Zur Verteidigung der ternären ErklärungApr 22, 2025 am 11:25 AMVor einigen Monaten war ich in Hacker News (wie einer) und stieß auf einen (jetzt gelöschten) Artikel über die Nichtverwendung von If -Anweisungen. Wenn Sie neu in dieser Idee sind (wie ich
Verwenden der Web -Sprach -API für mehrsprachige ÜbersetzungenApr 22, 2025 am 11:23 AMSeit den frühen Tagen der Science -Fiction haben wir über Maschinen geträumt, die mit uns sprechen. Heute ist es alltäglich. Trotzdem die Technologie für die Herstellung
Jetpack Gutenberg BlöckeApr 22, 2025 am 11:20 AMIch erinnere mich, als Gutenberg in den Kern entlassen wurde, weil ich an diesem Tag in Wordcamp war. Inzwischen sind einige Monate vergangen, also stelle ich mir immer mehr von uns vor
Erstellen einer wiederverwendbaren Paginationskomponente in VueApr 22, 2025 am 11:17 AMDie Idee hinter den meisten Webanwendungen besteht darin, Daten aus der Datenbank abzurufen und sie dem Benutzer bestmöglich vorzustellen. Wenn wir dort mit Daten umgehen
Verwenden Sie 'Box Shadows' und Clip-Pad zusammenApr 22, 2025 am 11:13 AMLassen Sie sich ein wenig Schritt für Schritt von einer Situation machen, in der Sie nicht ganz das tun können, was zu sinnvoll ist, aber Sie können es trotzdem mit CSS-Tricks erledigen. In diesem
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool
ZendStudio 13.5.1 Mac
Leistungsstarke integrierte PHP-Entwicklungsumgebung
WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools
Sicherer Prüfungsbrowser
Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
