Meldungen zu CSS in der Firefox-Browserkonsole

kleo · 19.04.2026 11:02:45

Moin,

seit ein paar Tagen habe ich gemerkt, dass es bei allen von mir betreuten Seiten einige Warnmeldungen in der Browserconsole zu sehen sind. Und ich hatte keine Zeit mich darum zu kümmern.

Jetzt habe ich die beiden o.g. genannten Template aufgerufen und sehe AUCH da die gleiche Fehlermeldungen:

Synchrone XMLHttpRequests am Haupt-Thread sollte nicht mehr verwendet werden, weil es nachteilige Effekte für das Erlebnis der Endbenutzer hat. Für weitere Hilfe siehe http://xhr.spec.whatwg.org/ jquery-min.js:2:79777
Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. bootstrap-icons.css:18:27
Fehler beim Verarbeiten des Wertes für '-webkit-text-size-adjust'. Deklaration ignoriert. styles.css:103:29
Unbekannte Pseudoklasse oder Pseudoelement '-moz-focus-outer'. Regelsatz wegen ungültigem Selektor ignoriert. styles.css:2346:13
Regelsatz wegen ungültigem Selektor ignoriert. styles.css:2367:35
(...)

Es scheint etwas mit JQUERY zu tun zu haben, was bei WBCE in include Verzeichnis installiert ist...

Last edited by florian (19.04.2026 14:46:46)

florian · 19.04.2026 14:48:00

ich glaube, das tritt nur im templateverzeichnis auf und hängt mit dem reingedengelten templateswitcher zusammen.

kleo · 19.04.2026 15:38:57

Hi Florian,

schaue z.B. die Seite

https://wbce.org/

Und rufe die Browserconsole auf.

Bei mir zeigt Firefox sowas:

'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. frontend.css:15:35
Unbekannte Eigenschaft '-moz-opacity'. Deklaration ignoriert. frontend.css:15:69
'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. frontend.css:16:35
Unbekannte Eigenschaft '-moz-opacity'. Deklaration ignoriert. frontend.css:16:68
'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. frontend.css:17:35
Unbekannte Eigenschaft '-moz-opacity'. Deklaration ignoriert. frontend.css:17:68
Unbekannte Eigenschaft 'speak'. Deklaration ignoriert. icons.css:204:9
Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. icons.css:208:27
Unbekannte Eigenschaft 'speak'. Deklaration ignoriert. icons.css:600:9
Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. icons.css:604:27
Unbekannte Eigenschaft 'XXbackground'. Deklaration ignoriert. frontend.css:18:18
Unbekannte Eigenschaft 'XXbackground-color'. Deklaration ignoriert. frontend.css:19:24
Unbekannte Eigenschaft 'XXopacity'. Deklaration ignoriert. frontend.css:10:143
Unbekannte Eigenschaft 'XXtransition'. Deklaration ignoriert. frontend.css:10:161
Unbekannte Eigenschaft 'XXopacity'. Deklaration ignoriert. frontend.css:11:35

Oder ist es nur bei mir so ?

beach · 19.04.2026 16:30:39

Im Chromiumbasierten Browser kommt keine Meldung im Firefox bekomme ich aber etwas unterschiedliche Meldungen als kleo
Firefox ist aber auch pingeliger als Chromium

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help https://xhr.spec.whatwg.org/#sync-warning jquery-min.js:2:79778
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. do.php
This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “<!DOCTYPE html>”. do.php
downloadable font: Glyph bbox was incorrect (glyph ids 33 55 62 81 82 83 84 87 88 89 90 112 119 120 123 139 159 162 164 166 178 184 185 217 218 272 273 274 275 279 281 284 290 291 292 309 310 319 321 323 326 329 330 331 332 333 334 339 341 347 349 351 352 353 354 357 358 361 366 367 370 371 414 431 436 444 445 458 460 464 465 483 505 508 511 514 516 517 518 520 521 538 539 546 568 574 579 580 585 586 594 596 599 602 603 616 618 622 627 629 630 633 634 638 643 645 651 654 665 675 685 686 688 691) (font-family: "FontAwesome" style:normal weight:400 stretch:100 src index:1) source: https://wbce.org/include/font-awesome/f … f2?v=4.7.0
downloadable font: Glyph bbox was incorrect (glyph ids 27 28 29 30 35 38 43 44 45 48 50 51 54 62 63 66 68 69 70 71 76 77 79 82 86 98 99 100 101 102 103 104 112 116 117 118 120 121 122 133 134 135 136 138 162 163 166 172 174 175 176 188 190 194 198 210) (font-family: "mfg" style:normal weight:400 stretch:100 src index:2) source: https://wbce.org/templates/wbce-cms/fon … bfont.woff

Hab das mal von Claude analysieren lassen:

Zusammenfassung nach Priorität

┌──────┬──────────────────────────────┬────────────────────┐
│ Priorität │ Problem │ Auswirkung │
├─────-┼───────────────────────────────┼────────────────────┤
│ Hoch │ Quirks Mode in do.php │ Layout-Probleme möglich │
├──────┼──────────────────────────────┼────────────────────┤
│ Hoch │ Fehlende │ Darstellungsfehler möglich │
│ │ Zeichenkodierung │ │
├──────┼──────────────────────────────┼─────────────────────┤
│ Mittel │ Sync XHR in jQuery │ Performance-Blockade │
├───────────┼─────────────────────────┼─────────────────────┤
│ Niedrig │ Font BBox Fehler │ Nur Warnung, kein sichtbarer │
│ │ │ Effekt │
└──────┴──────────────────────────────┴─────────────────────┘

Die ersten drei Punkte (do.php betreffend) deuten darauf hin, dass do.php ein
älteres/eingebettetes Script ist, das nie für moderne Browser aktualisiert
wurde.

Die Meldungen von kleo erklärt Claude so:

Alle Fehler sind funktional harmlos — Firefox rendert die Seite trotzdem
korrekt. Sie zeigen aber, dass frontend.css sehr altes, nie aufgeräumtes CSS
enthält (vermutlich aus einer Zeit mit IE6/7-Kompatibilität).

Empfehlung: frontend.css bereinigen — die alten Hacks können ersatzlos
entfernt werden, und die XX-Deklarationen sollten entweder reaktiviert oder
gelöscht werden.

Last edited by beach (19.04.2026 16:33:27)

florian · 19.04.2026 16:42:22

Ich hab's mal vom Ursprungsthread abgetrennt.
Es hat größtenteils nichts direkt mit den neuen Templates zu tun, außer

Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. bootstrap-icons.css:18:27
Fehler beim Verarbeiten des Wertes für '-webkit-text-size-adjust'. Deklaration ignoriert. styles.css:103:29
Unbekannte Pseudoklasse oder Pseudoelement '-moz-focus-outer'. Regelsatz wegen ungültigem Selektor ignoriert. styles.css:2346:13
Regelsatz wegen ungültigem Selektor ignoriert. styles.css:2367:35
Unbekannte Pseudoklasse oder Pseudoelement '-moz-placeholder-shown'. Regelsatz wegen ungültigem Selektor ignoriert. styles.css:2459:37
Unbekannte Pseudoklasse oder Pseudoelement '-moz-placeholder-shown'. Regelsatz wegen ungültigem Selektor ignoriert. styles.css:2478:37

Das kommt aus dem Bootstrap-CSS, sind offenbar veraltete browserspezifische Pseudoklassen, stören aber auch nicht weiter.

'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. select2.min.css:1:2498

Das ist vom Templateswitcher auf templates.wbce.org.

'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. jquery-ui.min.css:7:12176

Das kommt von der alten jquery-ui-Version, wird in der nächsten WBCE-Version behoben sein.

Generell - die Meldungen führen mMn zu keinen Darstellungsfehlern oder funktionalen Beeinträchtigungen.

beach

webbird · 20.04.2026 14:15:06

Alle Präfixe wie -moz-*, die browserspezifische Funktionen betreffen, sind deprecated. Richten aber auch keinen Schaden an. Das stammt aus Zeiten, als z.B. Mozilla sowas wie border-radius schon unterstützt hat, der entsprechende CSS-Standard aber noch nicht abgeschlossen war. Und das mit dem synchronen Request - haja, das ist halt wie ein Batch, "mach Abfrage 1 -> verarbeite Abfrage 1 -> mach Abfrage 2 -> verarbeite..." Klar ist das langsamer als asynchrone (=potenziell parallele) Requests. Manchmal muss es aber nun mal synchron sein, wenn das Ergebnis von Abfrage 1 im weiteren Verlauf benötigt wird. Macht man heute anders, ja und? Es hat aber auch keiner mehr nen 56k Modem...

florian

WBCE CMS Forum

#1 19.04.2026 11:02:45

Meldungen zu CSS in der Firefox-Browserkonsole

#2 19.04.2026 14:48:00

Re: Meldungen zu CSS in der Firefox-Browserkonsole

#3 19.04.2026 15:38:57

Re: Meldungen zu CSS in der Firefox-Browserkonsole

#4 19.04.2026 16:30:39

Re: Meldungen zu CSS in der Firefox-Browserkonsole

#5 19.04.2026 16:42:22

Re: Meldungen zu CSS in der Firefox-Browserkonsole

#6 20.04.2026 14:15:06

Re: Meldungen zu CSS in der Firefox-Browserkonsole

Board footer