2016-08-04 15 views
1

finde ich mich das viele, viele Male in einem bestimmten Winkel Sitzung wie folgt vorgehen:Angular - einfachere Möglichkeit, den Bereich während des Debuggens anzuzeigen?

  • wählen Sie ein HTML-Element in der Registerkarte "Elemente" der Entwickler-Tools
  • run scope = angular.element ($ 0) .scope()

Gibt es einen einfacheren Weg dies zu tun? Einige Chrome-Erweiterung, die automatisch den Umfang eines ausgewählten Elements oder einige solche?

+0

Sie könnten einfach googeln "Eckige Chrom-Erweiterung" und finden Sie heraus :) – Neil

+0

Batarang. Sie (in Chrome) können ein Element inspizieren und in den Entwicklungstools den exakten Bereich überprüfen, der an das Element angehängt ist, und es vollständig bis zum Stamm durchlaufen, genau wie ein großes Json-Objekt. Es wird als neuer Tab angezeigt, ähnlich wie bei "Styles" und "Event Listeners". – scniro

+0

@Neil Warum google verwenden, wenn ich jemandem helfen kann, etwas Unsichtbares vorzutäuschen? – morgancodes

Antwort

4

ng-inspector und Batarang kann dies tun.

Hinweis: Diese wird nicht funktionieren, wenn Sie Debug-Informationen deaktiviert haben - hier finden: https://docs.angularjs.org/guide/production

Auch diese nicht funktionieren, wenn Ihre Anwendung in einer verschachtelten iframe ist. In diesem Fall müssen Sie den iframe direkt in einem neuen Fenster öffnen.

Verwandte Themen