Kann ich ein CSS-Stylesheet von einem lokalen Laufwerk in eine Seite einfügen, die von einer Website bereitgestellt wird

8

Mein Ziel ist es, eine Seite, die von einer Website bereitgestellt wird, mit einem Stylesheet zu versehen, das nicht auf der Website und nicht auf einer anderen Website, sondern auf einem lokalen Laufwerk verfügbar ist.

Etwas wie

%Vor%

Meine ersten Recherchen zeigen, dass Browser dies nicht zu unterstützen scheinen, aber ich bin bereit, mich als falsch zu erweisen oder eine hinterhältige Methode zu finden. (Ich habe das obige versucht, das funktioniert nicht.)

[Ich weiß, ich weiß, du willst wissen warum. Dies ist für den Website-Designer - es würde ihm ermöglichen, das CSS lokal zu bearbeiten, während es den Effekt auf der "Semi-Live" -Seite sieht. dh die Hin- und Rückreise für die Bearbeitung wäre sehr schnell, und ich müsste ihm nicht den Zugriff auf die aktuelle Seite gewähren. Durch die Erweiterung für Lehrzwecke würde es mehreren Personen ermöglichen, ihre CSS-Fähigkeiten gleichzeitig lokal zu üben]

Offensichtlich sind alle Änderungen an der lokalen Datei nur auf diesem lokalen Computer sichtbar - das ist die ganze Idee. Wenn Sie 10 Studenten hätten, würde jeder die gleiche Seite mit einer anderen CSS-Datei sehen.

    
Bruce 31.03.2011, 06:08
quelle

5 Antworten

7

Nun, wenn Sie Apache auf Ihrem Rechner einrichten können, ist dies problemlos möglich.

Dies geht davon aus, dass die Frage das ist

  

Ich möchte in der Lage sein, eine Website in einem zu haben   zentrale Position (live) und erlauben Benutzern   Zugriff auf diese Site, um in der Lage zu sein, zu machen   Änderungen an der Website durch Bearbeiten eines lokalen   Datei. Diese Änderungen werden nur sein   sichtbar für die Person, die das macht   ändern und der Rest wird nur sehen   was auch immer CSS auf ihrer lokalen Kopie ist.

Dies bedeutet also, dass Sie eine lokale Datei von mehreren Computern aus bereitstellen müssen und dass jede Person, die die Site anzeigt, möglicherweise eine andere Kopie hat. Wenn ich recht habe, lies weiter.

Richten Sie eine lokale Umgebung (möglicherweise mit WAMP?) auf allen Maschinen ein, die lokale Änderungen zulassen sollen. Wichtig ist, dass jeder den gleichen Hostnamen haben muss (entweder localhost oder etwas anderes - vergiss nicht, ihn zu deiner hosts -Datei hinzuzufügen). Platziere die CSS-Datei in deinem Webroot und füge einen Link zu deiner Live-Site hinzu, die auf diesen Link verweist.

%Vor%

Und voila! Lokale Bearbeitung

Vorbehalte

  1. Jeder muss seine Dateien in derselben lokalen URL haben, sonst funktioniert es nicht

  2. Sie müssen eine lokale Umgebung einrichten (sehr einfach)

JohnP 31.03.2011, 06:48
quelle
3

Offensichtlich können Sie nicht. Aber warum nicht versuchen und herausfinden, ob das nicht funktioniert hat?

Wenn der Zweck Ihrer Bedürfnisse nur zum Testen ist, rate ich Ihnen, Web-Entwickler-Erweiterung wo Sie installieren kann einer Website lokales CSS hinzufügen - nur zum Testen.

    
fabrik 31.03.2011 06:10
quelle
2

Drücken Sie einfach Shift + F7 in Firefox (oder Extras- & gt; Web Developer- & gt; Style Editor). In dem sich öffnenden Fenster können Sie eine ganze Datei importieren oder Sie können die geladenen Stile bearbeiten.

    
Efra 27.05.2016 09:54
quelle
1

Nur zur Beantwortung der Frage, ja, er könnte Ihrer Website eine CSS-Datei bereitstellen, aber er müsste einen Server auf seinem Computer installiert haben und einen öffentlichen Zugang zu seiner Server-IP haben.

Dann würden Sie in href des Stylesheets etwas wie <link href="190.181.169.118/styles.css" rel="stylesheet" /> schreiben.

Natürlich ist das nicht die empfohlene Lösung, ich würde Ihnen raten, dafür eine Art Browsererweiterung / Plug-in zu verwenden.

    
amosrivera 31.03.2011 06:36
quelle
-1

Ja, das kannst du !! Brauchen Sie einfach Firefox als Browser und Sie müssen auch hinzufügen WEB DEVELOPER darauf installiert ...

Es erlaubt das inline CSS zu deaktivieren und Benutzer CSS hinzuzufügen ...

Laden Sie das Add-on WEBDEVELOPER

herunter

Einmal installiert ... Nach dem Neustart von Firefox erhalten Sie ein Menü im Firefox-Fenster, in dem Sie auf das CSS -Menü klicken, das Ihnen Optionen zum Deaktivieren und Hinzufügen von Benutzer-CSS

bietet

Sie müssen das Inline-CSS deaktivieren, um das CSS zu sehen, das vom Benutzer angewendet wurde.

    
Sangeet Menon 31.03.2011 06:37
quelle

Tags und Links