Wie bearbeitet man JavaScript in Firebug?

Ich kann nur die JavaScript-Dateien der Website über das Skript Panel anzeigen. Wie kann ich es bearbeiten? Ich habe versucht alles wie Doppelklick auf die Zeile, die ich bearbeiten möchte usw., aber es lässt mich nicht bearbeiten.Wie bearbeitet man JavaScript in Firebug?

Wenn ich an die HTML Registerkarte bewegen, ich bin in der Lage, die HTML zu bearbeiten, indem Sie auf der bearbeiten Schaltfläche klicken, aber ich bin nicht in der Lage, die JavaScript zu bearbeiten.

Vielen Dank im Voraus! :)

Quelle

2010-07-08 TCM

alt text http://www.fidelitydesign.net/wp-content/uploads/2010/06/Firebug-Testing.jpg

Sie können die Firebug-Konsole Registerkarte Javascript zu schreiben. Ich benutze dieses ziemlich viele Rapid Prototyping von Code, bevor ich es in meine Projekte integriere. Wenn Sie die Konsole verwenden, wird JavaScript im Kontext der aktuellen Seite ausgeführt. Daher können Skripts, die derzeit für diese Seite definiert sind, möglicherweise neu definiert werden. Z. B. im Konsolenfenster, konnte ich dies tun:

$ = function() { alert("Whoops"); }

... und das wäre neu definiert die $ Funktion von JQuery verwendet.

Quelle

2010-07-08 13:02:47

+12

Konsole -> Befehlseditor – ZiTAL

Vergessen Sie nicht, auf der Registerkarte Konsole den Befehl Befehlseditor für Firebug anzuzeigen. –

hit => STRG-Taste + 1 .. öffnet Befehlseditor –

In der Firebug-Konsole können Sie neues Javascript eingeben. Definieren Sie einfach Funktionen oder Variablen nach Bedarf neu.

Quelle

2010-07-08 12:59:30 jalf

Sie können es nicht tun. Sie sollten JavaScript-Konsole verwenden, um Funktionen neu zu definieren.

Quelle

2010-07-08 13:01:51

Sie können auch fiddler verwenden.
Ich benutze es und es hat für mich ziemlich gut funktioniert.

Quelle

2011-11-21 11:35:01 LearningEveryday

Fiddler scheinen eine gute Idee zu sein. Es ist eine externe Anwendung, die Webanfragen abfängt, so dass Sie Live-Bearbeitungen des JS usw. vornehmen können. – not2qubit

Soweit ich weiß, unterstützen nur die Dev-Tools von Chrome die Bearbeitung von JavaScript innerhalb ihrer Quellen Registerkarte (nicht nur über die Befehlszeile). Und Sie können eine Erweiterung wie Tincr oder DevTools Autosave hinzufügen und Chrome speichert die Änderungen an Ihren JavaScript-Dateien auf der Festplatte. Es ist also eine komplette IDE für JavaScript.

Andernfalls, wenn Sie Firebug verwenden, müssten Sie Ihren Code in der Command Editor testen, öffnen Sie dann Ihren Texteditor und öffnen Sie die Datei, die Sie in Firebug suchten und fügen Sie diese Änderungen in Ihrem Texteditor und speichern.

Ich hoffe, dass sie eines Tages JavaScript innerhalb der Script panel von Firebug bearbeitet werden können.

Quelle

2012-09-27 05:58:36

FWIW die [Firebug issue 5083] (http://code.google.com/p/fbug/issues/detail?id = 5083) fragt nach der Möglichkeit, JavaScript innerhalb des * Script * Panels zu bearbeiten. –

Im Mozilla-Framework ist ein "Scratchpad" eingebaut. Dies kann von Firefox aus erreicht werden.

Im Menü "Extras" unter "Web Developer" -> "Scratchpad".

Oder ...

Einfach Rechtsklick auf ein beliebiges Element auf Ihrer Seite. Wählen Sie "inspect element" Auf der Inspektor-Toolbar, weit rechts, gibt es einen Notizblock "Scratchpad", drücken Sie es.

enter image description here

Jetzt erhalten Sie einen Editor Javascript mit Syntax Highlightning etc .. Von hier aus können Sie öffnen/speichern Sie Ihre Javascript-Quelldatei.

enter image description here

Lesen Sie mehr bout it here.

Quelle

2013-11-14 09:37:42

Beachten Sie, dass Sie in der neuesten Version von Firefox diese Option zuerst aktivieren müssen. Klicken Sie oben rechts in der Symbolleiste auf das Symbol für das Konfigurationsrad ("Symbolleistenoptionen") und aktivieren Sie unter der Überschrift "Standard Firefox Developer Tools" die Checkbox "Scratchpad". – Daan

Wie bearbeitet man JavaScript in Firebug?

Antwort

Verwandte Themen