Debuggen von dynamischem Javascript code?

Bitte aktiviere JavaScript!
Hi,

wir haben ja ein paar Leute die hier auch schon mal native javascript programmiert haben.

Ich habe folgendes Problem:

Ich habe ein Javascript Project, welches dynamisch mit z.B. $.get neue Inhalte in den DOM nachlädt. Diese Inhalte bestehen jetzt aus einem HTML in welches wiederum ein javascript file eingebunden ist (so mit <script type=....)

Ich habe nun bisher noch keine Möglichkeit gefunden diese scripte zu debuggen. Sprich irgendwo einen Breakpunkt zu setzen und dann step by step durchzugehen.

In PHPStorm kann ich ja problemlos mit Chrome eine JS Datei Debugger. Aber die nachgeladenen Inhalte erkennt er eben nicht und dementsprechend kann ich da breakpunkte setzen wie ich will. Das klappt alles nicht.

Habt ihr eine Idee wie man das machen kann?

Gruß

Claus
 
A

Anzeige


Vielleicht hilft dir dieser Kurs hier weiter: (hier klicken)
index.html
HTML:
<html>
   <head>
      <title>load</title>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function() {
            $('#content').load("lib.html");
         });
     </script>
   </head>
   <body>
      <h1>Hello</h1>
      <div id="content"></div>
   </body>
</html>
lib.html
HTML:
<script src="lib.js"></script>
lib.js
Javascript:
//# sourceURL=lib.js
(function fun() {
    alert("lib loaded");
})();
Per Webserver ausgeliefert wegen CORS.
python -m SimpleHTTPServer 80
 

Anhänge

Danke, ist jetzt zu spät um das zu testen aber klingt ziemlich gut. Werde es mir morgen ansehen.

Claus
 
Passende Stellenanzeigen aus deiner Region:

Neue Themen

Oben