课程: Learning JavaScript Debugging
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Debug a WordPress theme in Visual Studio Code - JavaScript教程
课程: Learning JavaScript Debugging
Debug a WordPress theme in Visual Studio Code
- [Instructor] In this video we're going to explore setting up web debugging in Visual Studio Code with Chrome. We'll be using this example WordPress site where the site's theme has a JavaScript issue that needs to be resolved. First, we'll take a look at what the page is doing and what we're expecting it to do. So, we'll open up this debugging example page. And there are links up here that let you page through the images in this gallery. Clicking the links with the mouse works fine, but here, the keyboard can also be used. So if I hit the right arrow key I page through the images, and if I hit the left arrow key, nothing happens. So that's what we need to fix. Let's get debugging configured in Visual Studio Code. So, I'm going to open the extensions panel, and I'm going to confirm that the JavaScript debugger extension is installed and enabled. With recent versions of Visual Studio Code it should be here already,…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
-
Debugging the use of a jQuery plugin6 分钟 7 秒
-
(已锁定)
Debugging a React application in Chrome9 分钟 8 秒
-
(已锁定)
Debugging on iOS using Simulator6 分钟 45 秒
-
(已锁定)
Remote debugging on an Android device3 分钟 23 秒
-
(已锁定)
Challenge: Other people's code7 分钟 52 秒
-
(已锁定)
Solution: Other people's code6 分钟 27 秒
-
(已锁定)
Debugging a Node.js application in WebStorm11 分钟 34 秒
-
(已锁定)
Setting up the WordPress example3 分钟 47 秒
-
(已锁定)
Challenge: Debugging with an IDE2 分钟 5 秒
-
(已锁定)
Solution: Debugging with an IDE4 分钟 47 秒
-
(已锁定)
Debug a WordPress theme in Visual Studio Code5 分钟 51 秒
-
(已锁定)
Use a debugger as a learning tool on a live site5 分钟 51 秒
-
-