1. Préparation théorique préliminaire
1) Objectif :
Générer dynamiquement des instructions CSS en jsp, puis les afficher dans le navigateur pour analyse et rendu.
2) La base de l'analyse des fichiers du navigateur :
Une fois la page chargée, le navigateur lancera diverses requêtes pour télécharger diverses ressources.
Par exemple, téléchargez un fichier CSS, puis analysez le document selon les règles d'analyse CSS. Si le type de contenu du fichier téléchargé ne correspond pas, le navigateur le bloquera automatiquement. 
2. Conditions préalables pour transformer jsp en css
Après avoir connu les règles d'analyse du navigateur, tout ce que jsp doit faire est de déguiser son propre type de contenu en "texte/css".
3. Téléchargez directement le code :
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. Résultat
Le jsp a été déguisé avec succès en fichier CSS et le navigateur a analysé le style avec succès !
5. Extensions
Selon cette règle de déguisement, jsp peut être déguisé en n'importe quel format de fichier, à condition que le navigateur puisse l'analyser.
Par exemple, s'il est déguisé en js, définissez le type de contenu sur "application/x-javascript"
Pour plus de déguisements de type de contenu - déguisez jsp en css, veuillez faire attention au PHP Site chinois pour des articles connexes !
Flexbox vs Grid: Dois-je les apprendre tous les deux?May 10, 2025 am 12:01 AMOui, vous émeuble-chouchoudion-dimensionnal, flexiblelayAndavigationMenus.2)
Mécanique orbitale (ou comment j'ai optimisé une animation de clés CSS)May 09, 2025 am 09:57 AMÀ quoi cela ressemble-t-il de refactor votre propre code? John Rhea sépare une vieille animation CSS qu'il a écrite et traverse le processus de réflexion pour l'optimiser.
Animations CSS: est-il difficile de les créer?May 09, 2025 am 12:03 AMCSSANIMATIONSARENOTINÉMENT HAUTS BUTREQUIREPRACTICIT ENCRIPTION DES PROFESSIONS DESPROPERTIES ET TROUVEMENT
@KeyFrames CSS: les astuces les plus utiliséesMay 08, 2025 am 12:13 AM@ KeyframeSispopulardUetOtsSversatity andpowerCreatingsMoothcSSanimations.KeyTrickSinclude: 1) DefiingsMoothTransitionsBetwean
Compteurs CSS: un guide complet de la numérotation automatiqueMay 07, 2025 pm 03:45 PMCSSCOUNTERSAREUSEUSTTOMAGAUTAMAMATALUMENTSINDWEBDESIGNS.1) Ils ont été des cas de contenu, des listitems et de la forme.
Ombres de défilement moderne à l'aide d'animations axées sur le défilementMay 07, 2025 am 10:34 AML'utilisation d'ombres de défilement, en particulier pour les appareils mobiles, est un peu de UX subtil que Chris a couvert auparavant. Geoff a couvert une approche plus récente qui utilise la propriété d'animation-timeline. Voici encore une autre façon.
Revisiter les cartes d'imageMay 07, 2025 am 09:40 AMPassons à travers un rafraîchissement rapide. Les cartes d'image datent jusqu'à HTML 3.2, où, d'abord, les cartes côté serveur, puis les cartes côté client ont défini les régions cliquables sur une image à l'aide de cartes et d'éléments de zone.
État des développeurs: une enquête pour chaque développeurMay 07, 2025 am 09:30 AML'enquête sur l'état des développeurs est désormais ouverte à la participation, et contrairement aux enquêtes précédentes, il couvre tout sauf le code: carrière, lieu de travail, mais aussi santé, passe-temps, etc.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
MinGW - GNU minimaliste pour Windows
Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.
ZendStudio 13.5.1 Mac
Puissant environnement de développement intégré PHP
Listes Sec
SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.
SublimeText3 version anglaise
Recommandé : version Win, prend en charge les invites de code !
VSCode Windows 64 bits Télécharger
Un éditeur IDE gratuit et puissant lancé par Microsoft
