diff --git a/Awesome-Reference/Web/EPractices/WebDebug-Reference.md b/Awesome-Reference/Web/EPractices/WebDebug-Reference.md
new file mode 100644
index 0000000000000000000000000000000000000000..e43cb9d36020e067bbdfe9be6b77d99d150f6216
--- /dev/null
+++ b/Awesome-Reference/Web/EPractices/WebDebug-Reference.md
@@ -0,0 +1,13 @@
+# Web 开发调试学习与实践资料索引
+
+# JavaScript
+- [How to get the most out of the JavaScript console](https://parg.co/b9o): One of the most basic debugging tools in JavaScript is console.log(). The console comes with several other useful methods that can add to a developer’s debugging toolkit.
+- [debug【Project】](https://github.com/visionmedia/debug): tiny node.js & browser debugging utility for your libraries and applications.
+- [High-resolution JavaScript timer based on performance.mark/measure (461 bytes min+gz)](https://github.com/nolanlawson/marky)
+
+# VSCode
+
+# Chrome Dev Tools
+- [More helpful (and lesser known) features in the Chrome dev tools](https://blog.logrocket.com/making-the-most-of-the-chrome-developer-tools-8cac9a206979)
+- [Seeing backend performance in the Chrome dev tools](https://blog.logrocket.com/visualizing-backend-performance-in-the-chrome-devtools-bb6fd232540)
+- [Using the Chrome devtools new code coverage feature](https://parg.co/b4p)