调试动态js脚本

通过 sourceURL 与 debugger 进行调试动态的JS 文件
Rkatsiteli · Oct 25, 2017 · 1f7f3a0 · 1f7f3a0
1 parent 3014db7
commit 1f7f3a0
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 0 deletions.
diff --git a/动态调试JS脚本的方法/a.html b/动态调试JS脚本的方法/a.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>A页面</title>
+	</head>
+	<body>
+		A页面，载入B页面的内容<br />
+		<div id="app"></div>
+	</body>
+	<script src="//unpkg.com/jquery@2.1.4/dist/jquery.min.js"></script>
+	<script>
+		$("#app").load("b.html");
+	</script>
+</html>
diff --git a/动态调试JS脚本的方法/a.js b/动态调试JS脚本的方法/a.js
@@ -0,0 +1 @@
+console.log("AAAAAAAAAAAAAA")
diff --git a/动态调试JS脚本的方法/b.html b/动态调试JS脚本的方法/b.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>B页面</title>
+	</head>
+	<body>
+		<hr />
+		这里是B页面
+	</body>
+	<script src="b.js"></script>
+</html>
diff --git a/动态调试JS脚本的方法/b.js b/动态调试JS脚本的方法/b.js
@@ -0,0 +1,17 @@
+/**
+ * 方式1: //@ sourceURL=b.js（源映射）
+ * PS：@与sourceURL 之间保留空格
+ * 
+ * 方式2：debugger
+ * 在要调试的地方加上 debugger
+ * 
+ * 
+ */
+
+
+//@ sourceURL=b.js
+
+debugger
+console.log(123);
+debugger 
+console.log(456);