1. Zuhause
  2. Frage und Antwort
  3. IE Entwickler-Tool css Live-Bearbeitung

IE Entwickler-Tool css Live-Bearbeitung

2012-12-04 3 views
5

Ich bin auf der Suche nach einem guten Entwickler-Tool für IE, wenn es die gleichen Eigenschaften wie die Chrom-Build Debugger wie Live-Bearbeitung in der CSS haben könnte.IE Entwickler-Tool css Live-Bearbeitung

Wenn nicht groß dann eine Liste von guten Tools für IE CSS, für alle Front-End-Entwickler, die einen guten Entwickler CSS-Tool benötigen - so besser können wir für IE 7 & 8.

optimieren können, wenn die Menschen können‘ t tue es ohne ein Skript, welchen Weg würden Sie vorschlagen, um Ihr eigenes Debugging-Programm zu machen?

Quelle

2012-12-04 Simon Pertersen

+5

Es gibt kein _good_ Äquivalent von FireBug und Chrome Inspector für IE. –

+0

Entwickeln Sie Ihre Website mit Firefox oder Chrome, und dann wird es auf allen Arten von Geräten funktionieren, da FF und Chrome höhere Standards erfüllen. Verwenden Sie anschließend bedingte Stylesheets, um den IE zu optimieren. Wenn Sie dies nicht tun, dann werden Sie alles in IE OK bekommen und müssen dann jeden einzelnen anderen Browser separat debuggen, was viel mehr Arbeit ist. –

+0

aber zusätzliche Stylesheets bedeutet mehr Anrufe in der Dom, die eine langsamere Website bedeutet aber danke für die Eingabe :) –

Antwort

0

Firebug Lite ist eine anständige Option, wenn alles, was Sie suchen, ist Live-CSS-Bearbeitung. Im Wesentlichen fügen Sie nur einen script Tag hinzu, der über die Quelle oder ein Bookmarklet auf das Skript zu Ihrer Seite zeigt.

Quelle

2012-12-04 14:59:46 marteljn

+0

Ja, aber Sie müssen ein Skript in jeder Lösung hinzufügen, die nicht optimal ist –

+4

@SimonPertersen nicht, wenn Sie die Bookmarklet-Option verwenden. Wie auch immer, Sie haben Recht, es ist nicht optimal, aber wenn Sie darauf bestehen, den Großteil Ihrer Entwicklung in IE zu tun, werden Sie keine Lösung finden, die viel besser als das ist. – marteljn

4

+ IE hat einen eingebauten Debugger.

+ Firebug ist immer ein großes Werkzeug

+ IE Tester ermöglicht es Ihnen, mehrere Browser für Cross-Kompatibilität (http://www.my-debugbar.com/wiki/IETester/HomePage)

zu überprüfen + Führen Sie eine VM mit den verschiedenen Betriebssystemen und Browsern aus, gegen die Sie testen müssen (virtueller PC, virtual box, usw.).

Quelle

2012-12-09 03:39:05 jsteinmann

+0

Ich weiß, wie bitte lesen Sie meine Frage und antworten Sie dann erneut - ich brauche Ein gutes Werkzeug, das NICHT der eingebaute Debugger ist, der Firebug ist nicht optimal, weil Sie ein Skript einschließen müssen –

+0

IE Tester, wie @rockstarz erwähnte, ist das Beste, was ich kenne. – Jason

+0

Die Leute, die IETester machen auch DebugBar: http://www.debugbar.com/ Obwohl Sie für die Vollversion bezahlen müssen, um die Dinge zu bearbeiten. –

-1

Ich weiß nicht, Hexe Version von IE Sie verwenden, aber versuchen Sie dies:

Presse F-12 Schlüssel

Hey! Es wird kein magisches copy-paste-saveAs Werkzeug sein, aber Sie können Ihr Layout "debuggen".

Ansonsten:

auf bezogen werden: CSS Debugging Tools for IE

Viel Glück

Quelle

2012-12-12 19:21:39

+0

Das ist das IE-Entwickler-Tool, das nicht geeignet scheint. –

0

Sie eine Liste der Remote-Debugging-Tools finden Sie hier: The css ninja

Quelle

2012-12-12 19:31:14

1

Ich schlage vor, ein Tool wie Livestyle verwenden. Es ist eine kleine Anwendung (in JavaScript geschrieben), die auf Ihrem lokalen Entwicklungscomputer ausgeführt wird. Wenn Sie Ihre lokale CSS-Datei speichern, wird das Update automatisch an den Browser weitergegeben. Dies funktioniert auch auf mobilen Plattformen, die Entwickler-Toolbars selten unterstützen;)

Quelle

2012-12-13 18:27:52 kraenhansen

+0

Es ist ein nettes Werkzeug und das ist meistens der gleiche Firebug, aber danke für deine Antwort –

Verwandte Themen

 Verwandte Themen