2010-11-09 14 views
9

Ich habe Safari als meinen Entwicklungs-Browser verwendet und finde es ziemlich schwierig, CSS-Änderungen in einer starken Javascript-Umgebung in der Vorschau anzuzeigen.CSS-Stylesheets neu laden, ohne die Seite neu zu laden?

Meine Web-Anwendung und Entwicklungsumgebung ist wie folgt:

  • Mac OSX Schnee Leapord
  • Safari
  • Textmate
  • Mootools
    • MochaUI
  • XHTML 1.1 Transitional
  • CSS3

Antwort

11

ich es nicht versucht haben, aber das Buchmarkt verspricht die Arbeit zu tun: ReCSS. Ich bin sicher, dass Sie den Code dort wiederverwenden könnten.

+0

in IE, FF und Chrome, Cntr "R" macht die vollständige Aktualisierung rechts – kobe

+0

Versuchen Sie stattdessen Strg-F5. Ich denke, es ist universeller. – theazureshadow

+0

Arbeitete wie ein Traum – fivetwentysix

3

habe ich ein Tool namens Vogue http://aboutcode.net/vogue/

Vogue das Dateisystem für Änderungen an CSS-Dateien Uhren von Ihrer Webseite verwendet. Es teilt dann dem Webbrowser mit, in Echtzeit nur die Stylesheets neu zu laden.

Es funktioniert in allen Browsern und erfordert keine Plug-Ins (es ist alles Javascript).

1

Schönes Bookmarklet! Funktioniert super! Jetzt frage ich mich, ob ich sogar erwähnen muss, wie man es manuell macht ...

  1. Chrome-Entwickler-Tools.
  2. Klicken Sie mit der rechten Maustaste auf die CSS-Datei, die im Kopf angezeigt wird.
  3. Wählen Sie "Als HTML bearbeiten".
  4. Nehmen wir an, der Dateiname lautet style.css. Ändern Sie es in style.css? Etwas. Stellen Sie sicher, dass Sie die? nach dem Dateinamen.
  5. Klicken Sie außerhalb der Gegend und Walla, Tada!

http://youtu.be/-OYk5p5pSvM

+0

Wen antwortest du hier? –

+0

Hmmm ... Ich muss die Frage über dem Falte in meinem Browserfenster verpasst haben und auf die Antwort geantwortet haben. Mein Fehler. Web Inspector scheint heute nicht in Safari zu funktionieren, aber ich gehe davon aus, dass Sie das Markup bearbeiten können, um die CSS-Datei zu aktualisieren, ohne die Seite zu aktualisieren. –

0

Während der Entwicklung habe ich festgestellt man kann auch nur ein Fragezeichen nach dem CSS-Datei Name Referenz werfen, ..., die jemand auf dem Weg der dazu dient, die CSS zu Ihnen Trick dient dass es dynamisch aufgebaut ist (damit es jedes Mal abgerufen wird). Ich bin mir nicht sicher, ob es Safari ist oder mein spezieller Webserver, der ausgetrickst wird, also YMMV.

Verwandte Themen