Analyse und Lösung der Ursache für den Verlust des Webseitenstils durch das automatische Ausfüllen von Formularen durch den Browser
|
Vom Backend zum Frontend: was für eine Tragödie. Als ich das CSS einer anderen Person in meine JSP-Webseite integrierte, trat ein seltsames Phänomen auf. Die Gegenpartei hat mir eine HTML-Datei bereitgestellt und nach dem Öffnen war der angezeigte Stil normal. Anschließend habe ich den Code in meine JSP-Seite kopiert und es trat ein seltsames Phänomen auf. Dies ist eine Anmeldeseite mit einem Eingabefeld für den Benutzernamen und einem Eingabefeld für das Passwort. Stellen Sie die Webseite auf dem Webserver bereit und öffnen Sie sie über den Browser. Sie stellen fest, dass die Stile der beiden Eingabefelder verloren gegangen sind. Der Stil kann nur dann normal angezeigt werden, wenn die Namensattribute der beiden Eingabefelder auf denselben Namen eingestellt sind. Ich habe mit dem Chrome-Plugin nachgeschaut und festgestellt, dass entsprechende Styles vorhanden sind, diese bei der Anzeige im Browser allerdings ungültig sind und durch die Styles ersetzt werden, die mit WebKit mitgeliefert werden. Es ist jedoch kein Problem, es mit der gleichen Browserversion auf anderen Computern zu öffnen. Schließlich half mir ein Kollege, der sich mit Webentwicklung auskannte, den Grund zu finden. Es lag daran, dass ich den Benutzernamen und das Passwort dieser Anmeldeseite im Browser gespeichert hatte, als ich sie auf meinem lokalen Computer testete. Als ich diese Seite öffnete, füllte Chrome den Benutzernamen und das Passwort automatisch aus und ersetzte den Webseitenstil durch den Standardstil von WebKit, bei dem es sich um ein Eingabefeld mit gelbem Hintergrund handelt, um den Benutzer darauf hinzuweisen, dass dies der automatisch ausgefüllte Formularinhalt ist. Löschen Sie einfach den von Chrome gespeicherten Benutzernamen und das Passwort dieser Webseite. |
<<: CSS-Beispielcode zum Erzielen eines kreisförmigen Fortschrittsbalkeneffekts mit Farbverlauf
>>: Interpretation und Verwendung verschiedener React-State-Manager
Artikel empfehlen
So implementieren Sie das mobile Anmelde- und Registrierungsmodul elegant in vue3
Inhaltsverzeichnis Vorwort Eingabefeldkomponente ...
Verwenden von Keras zur Beurteilung von SQL-Injection-Angriffen (Beispielerklärung)
In diesem Artikel wird das Deep-Learning-Framewor...
Detaillierte Erläuterung der Selbstimplementierung von Dispatch und Broadcast (Dispatch und Broadcast) durch Vue
Zu lösendes Problem Hauptsächlich für die ebenenü...
Ein kurzes Verständnis der relevanten Sperren in MySQL
Dieser Artikel soll Ihnen vor allem dabei helfen,...
Lassen Sie uns über mein Verständnis und meine Anwendung von React Context sprechen
Inhaltsverzeichnis Vorwort Erster Blick auf React...
Vue3+Skript-Setup+ts+Vite+Volar-Projekt
Inhaltsverzeichnis Erstellen Sie ein Vue + TS-Pro...
Protokollieren Sie ein langsames Abfrageereignis, das durch eine Fehleinschätzung des Online-MySQL-Optimierers verursacht wurde.
Vorwort: Ich habe Warnungen zu wahnsinnig langsam...
Beispielcode zur Implementierung eines gepunkteten Rahmen-Scrolleffekts mit CSS
Wir sehen oft einen coolen Effekt, wenn die Maus ...
So passen Sie geplante AT- und Cron-Aufgaben in Linux an
Es gibt zwei Arten von geplanten Tasks im Linux-S...
Methode zur Implementierung von Website-Hintergrundmusik
Für einzelne Webmaster war es schon immer das Ziel...
Gruselige Halloween-Linux-Befehle
Auch wenn nicht Halloween ist, lohnt es sich, sic...
Vorteile von INSERT INTO SET in MySQL
Daten in MySQL-Datenbank einfügen. Bisher häufig ...
So verhindern Sie, dass Flash HTML-Div-Elemente abdeckt
Als ich heute einen Flash-Werbecode schrieb, habe ...
So implementieren Sie verteilte Transaktionen in MySQL XA
Inhaltsverzeichnis Vorwort XA-Protokoll So implem...
Detaillierte Erklärung zum Festlegen des Kontextpfads in der Webanwendung
URL: http://hostname.com/contextPath/servletPath/...