Web Developer Toolbar: Teile der Seite verschwinden
Eingetragen von feather (12)am 25.04.2011 - 06:40 Uhr in
Ich habe zum Erstellen von Themes für Drupal 6 bisher v.a. die Web Developer Toolbar (Firefox/Chrome) benutzt. Besonders nützlich ist dort die Möglichkeit, über "CSS bearbeiten" gleichzeitig das CSS zu ändern und das Ergebnis sofort zu sehen.
Jetzt habe ich aber Drupal 7 installiert und stehe vor folgendem Problem:
Sobald ich in der Web Developer Toolbar auf "CSS bearbeiten" gehe, verschwinden Teile der Seite. Es wird nur noch der mittlere Teil angezeigt; die Blöcke, Header und Footer sind weg.
Um das zu verdeutlichen, siehe Screenshots hier:
www.labirrinth.de/sites/default/files/images/ff-webdeveloper-off.jpg
www.labirrinth.de/sites/default/files/images/ff-webdeveloper-on.jpg
Nach einigem Rumprobieren bin ich auf die Idee gekommen, unter "Performance" "aggregate and compress CSS" einzustellen - daraufhin wird zwar bei "CSS bearbeiten" die Seite komplett dargestellt, ich habe nur noch 3 CSS-Dateien, aber logischerweise kann ich an diesen Dateien jetzt nichts mehr von Hand ändern:
www.labirrinth.de/sites/default/files/images/ff-webdeveloper-on-csscompr...
Es ist übrigens egal, welches Theme ich nehme - das Problem tritt bei jedem Thema auf, das ich getestet habe, inkl. Zen.
Es ist auch egal, ob ich Firefox oder GoogleChrome mit der Web Developer-Erweiterung benutze.
Kann mir jemand sagen, was ich falsch mache?
Lässt sich das Problem beheben?
Hat hier noch jemand das Problem?
Meine Vermutung ist, dass es zu viele CSS-Files in Drupal 7 gibt, so dass die Web Developer Toolbar damit überfordert ist. Könnte es also helfen, von Hand mehrere CSS-Dateien der Themes zusammenzufassen?
Ich bin dankbar für jeden Hinweis, da ich gerne anfangen würde, ein Theme für Drupal 7 zu erstellen, aber seit zwei Tagen an diesem grundlegenden Problem festhänge.
- Anmelden oder Registrieren um Kommentare zu schreiben
Dann gibt es da eine ähnliche
am 25.04.2011 - 08:26 Uhr
Dann gibt es da eine ähnliche Macke, wie im IE. Die haben eine maximale Anzahl an CSS-Dateien vorgesehen, die Du überschreitest. Da würde ich ein Issue aufmachen bei der Webdeveloper-Toolbar.
Wenn Du im Firefox auf die Toolbar verzichtest und nur mit dem Firebug arbeitest, sollte es aber gehen.
Beste Grüße
Werner
Kann man mit Firebug Änderungen direkt speichern?
am 26.04.2011 - 07:59 Uhr
Danke für die schnelle Antwort!
Ich lese da jetzt raus, dass nicht nur ich dieses Problem habe und ich lokal nicht weiter nach einem Fehler suchen muss?
Ich teste gerade FireBug, den ich bisher immer nur selten als Ergänzung zum Suchen spezieller Stellen benutzt habe.
Wenn man im Firebug auf "CSS" geht, kann man ja das CSS direkt bearbeiten und bekommt die Änderungen auch sofort angezeigt, was sehr schön ist. :)
Kann man aber diese CSS-Änderungen jetzt auch direkt speichern lassen? (Wenn ja, war ich bisher zu blind, um es herauszufinden.)
Firebug
am 26.04.2011 - 08:21 Uhr
Hallo.
Kann man aber diese CSS-Änderungen jetzt auch direkt speichern lassen?
Nein. Das CSS veränderst Du über einen geeigneten Editor in den CSS-Dateien Deines Themes.
Mir ist übrigens auch neu, dass man mit der Web-Developer-Toolbar die Dateien verändern kann.
Speichern ist mit Web Developer Toolbar möglich!
am 26.04.2011 - 09:17 Uhr
Mir ist übrigens auch neu, dass man mit der Web-Developer-Toolbar die Dateien verändern kann.
Doch, Speichern von Änderungen geht problemlos in jedem einzelnen Stylesheet über das Disketten-Symbol, siehe auch auf meinen Screenshots oben.
Deshalb ist für mich der FireBug auch kein geeigneter Ersatz für die Web Developer Toolbar, weil ich es extrem umständlich finde, alle im FireBug gemachten Änderungen zum Speichern in eine andere Datei kopieren zu müssen.
Du solltest ohnehin nicht in
am 26.04.2011 - 09:34 Uhr
Du solltest ohnehin nicht in den CSS-Dateien des Systems oder der Contrib-Module herumändern. Auch das Ändern in der CSS-Dateien des Themes ist nicht sinnvoll. Was machst Du wenn es einen Update gibt? Ich sammle alle meine CSS-Anweisungen, die CSS-Anweisungen von Drupal oder Modulen überschreiben, in einer eigenen CSS-Datei, die ich in meinem Theme einbinde. Ich muß daher immer kopieren, brauche mich aber bei Modul-Updates gar nicht um deren CSS-Dateien zu kümmern.
Beste Grüße
Werner
Welche CSS-Dateien man ändern sollte oder nicht
am 26.04.2011 - 09:41 Uhr
Du solltest ohnehin nicht in den CSS-Dateien des Systems oder der Contrib-Module herumändern.
An diesen Dateien habe ich bisher auch nie etwas geändert.
Auch das Ändern in der CSS-Dateien des Themes ist nicht sinnvoll. Was machst Du wenn es einen Update gibt? Ich sammle alle meine CSS-Anweisungen, die CSS-Anweisungen von Drupal oder Modulen überschreiben, in einer eigenen CSS-Datei, die ich in meinem Theme einbinde. Ich muß daher immer kopieren, brauche mich aber bei Modul-Updates gar nicht um deren CSS-Dateien zu kümmern.
Bisher musste ich mich darum auch nicht kümmern - ich habe immer Zen/Zenophile verwendet, um ein Theme ganz neu zu erstellen, weshalb durch Updates auch nie etwas zerstört wurde.
In Zen-Subthemes arbeite ich auch meistens mit einem zusätzlichen leeren CSS-file, oder ich editiere zusätzlich die layout.css.
Leider gibt es bei Zen inzwischen sehr viele Stylesheets, vor denen dann vermutlich der Web Developer kapituliert?