Ich versuche zu sehen, wie eine bestimmte Webseite aussehen würde, wenn ich ein bestimmtes Bild durch ein anderes ersetzen würde. Anstatt das Bild hochzuladen, die Site usw. zu bearbeiten, möchte ich jedes Mal, wenn ich es tweeze, wissen, ob es eine Möglichkeit gibt, das Bild auf der Seite in meine lokale Version zu ändern, während ich die Remote-Seite ansehe.
Ich benutze Firebug zum Debuggen von Web-Entwicklung normalerweise, aber ich bin offen für jedes andere Tool, das dies tun könnte.
(Es ist absolut unmöglich, danach zu suchen und alles andere als Fragen zum dynamischen Austausch von Bildern auf einer bereitgestellten Website zu finden, es tut mir so leid, wenn es sich um ein Duplikat handelt.)
Hinzugefügt: Ich habe gerade versucht, einen file:/// URI zu ersetzen, der auf das Bild zeigt (kopiert und eingefügt von der Adressleiste nach dem manuellen Öffnen des Bildes), und leider hat es nicht funktioniert - das Bild ändert sich nicht.
Es scheint nur mit den http [s] -Protokollen zu funktionieren (wahrscheinlich aus Sicherheitsgründen). Sie können Ihre Bilder auf einem Dienst wie Dropbox speichern, das Bild oder den Ordner freigeben und dann die öffentlichen URLs verwenden.
Wirklich, Sie können alle Web-zugänglichen Bilder verwenden, also würde ein lokaler Server auch funktionieren.
Wenn Ihr Bild auf einem localhost-Server ist (nicht als Datei Sie kümmern) Ich denke, Sie können immer noch diese localhost URL in das Firebug inspect-Element und es funktioniert.
Ich habe einen absoluten Dateipfad versucht, aber anscheinend nicht. Ich denke, Sie müssen sich nur mit einem lokalen Hostserver-Image zufrieden geben. Das funktioniert für mich
Hallo, wenn Sie von einem Webserver bedienen, können Sie es wahrscheinlich nicht auf eine Datei auf Ihrem lokalen Laufwerk zeigen. Selbst wenn es localhost ist, kann man beispielsweise nicht auf eine lokale Datei c: /test.jpg verweisen. Es ist, weil der Browser Sandbox-Ur-Seite sortiert, so dass Skripte nicht auf lokale Dateien zugreifen können.
Eine Möglichkeit besteht darin, die neue Datei (new_file.jpg) auf den Webserver hochzuladen, dem Bildlink eine ID zu geben
%Vor%Verwenden Sie jQuery im Firebug Watch-Fenster
%Vor%Sie sollten sehen, dass sich das Bild ändert. Wenn Sie jQuery nicht verwenden, können Sie document.getElementById ("something1") verwenden und das Element zum Ändern verwenden.
Sie können:
Es ist fast so schnell wie von einem lokalen Laufwerk zu arbeiten.