JS系列（仅供参考）：浏览器调试JS代码——chrome

浏览器调试JS代码——chrome



浏览器调试JS代码——chrome

打开开发者工具：

在这里插入图片描述

查找代码调试窗口

在这里插入图片描述

选中断点之后，刷新页面就可以进行调试了。

在这里插入图片描述

移动的过程中可以查看变量的值的变化。
注：可以在watch中手动添加要监控的变量。






_洋

浏览器调试JS代码——chrome

posted @   坦笑&&life  阅读(6)  评论(0)  编辑  收藏  举报  
相关博文：
· JS系列（仅供参考）：js调试技巧之活用浏览器F12
· JS系列（仅供参考）：【浏览器编程】浏览器F12调试工具面板详解和JavaScript添加断点
· JavaScript学习笔记（一）——简介
· 网页调试（css,html,js）获取资源链接等
· 利用Chrome浏览器使用Overrides调试线上代码，真是太方便啦！ 转载
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）
点击右上角即可分享
微信分享提示