Wie debuggt man JavaScript und prüft HTML in Autodesk Fusion.
Derzeit arbeite ich an einem Plugin für Autodesk Fusion, mit einigen HTML-Schnittstelle und ich fragte mich, wie zu debuggen und inspizieren den HTML-Teil der Anwendung. Hier sind einige Informationen.
Wenn Sie eine Anwendung / ein Addin in Autodesk Fusion starten, sollten Sie in der Lage sein, die Anwendung remote zu debuggen. Zum Beispiel können Sie “localhost:1234” in Chrome oder Edge öffnen, um sich mit dem internen Browser von Fusion zu verbinden. Fusion verwendet einen Browser namens Neutron, der aber im Grunde ein Chromium-Browser ist.
Wie Sie sehen können, öffnet sich ein Bildschirm, in dem Sie die Anwendung auswählen können. Sobald Sie auf die Anwendung klicken, sollten sich die Entwicklungswerkzeuge von Chrome verbinden. Ich hatte jedoch ein Problem.
inspector.js:2930 Uncaught TypeError: document.registerElement is not a function
at Object.UI.registerCustomElement (inspector.js:2930)
at inspector.js:2941
at inspector.js:2943
Nach einigen Recherchen im Internet wurde empfohlen, den CEF-Client aus dem folgenden Github-Projekt zu verwenden:
https://github.com/Adobe-CEP/CEP-Resources/tree/master/CEP_9.x/
Laden Sie einfach den Cef-Client für Ihr Betriebssystem herunter und führen Sie ihn aus. Mit dem Client konnte ich eine Verbindung herstellen, die Anwendung debuggen und überprüfen.
Audodesk Fusion Browser-Debugging, Anwendung wird nicht angezeigt
Da dies bei meinem Test-Addin funktionierte, funktionierte es nicht bei dem Addin, an dem ich gerade arbeitete. Es gibt also eine andere Möglichkeit der Verbindung, die auch mit dem installierten Edge-Browser funktioniert. Dies könnte ohnehin der bessere Weg zur Fehlersuche sein.
OK, öffnen Sie also http://localhost:9766 und dann werden die geöffneten HTML-Seiten angezeigt. Sie können sie anklicken und sollten nun auch in der Lage sein, die HTML-Seite zu debuggen und zu inspizieren.
