为了账号安全,请及时绑定邮箱和手机立即绑定

Chrome DevTools开发者工具调试指南

宗泽 Web前端工程师
难度入门
时长 2小时35分
学习人数
综合评分9.63
34人评价 查看评价
10.0 内容实用
9.4 简洁易懂
9.5 逻辑清晰
老师,我按照你的操作,在.cls 中加入了一个自定义规则的类,elment添加已经显示成功,可是右侧style标签中没有显示那个类及其样式,搜索也搜不到,这个类的样式也没有添加成功
老师,我按照你的操作,在.cls 中加入了一个自定义规则的类,elment添加已经显示成功,可是右侧style标签中没有显示那个类及其样式,搜索也搜不到
执行document.querySelector("#APjFqb").placeholder="DOM的属性修改断点操作";后
提示:Uncaught SyntaxError: Invalid or unexpected token
课程中引入jQuery的代码,我帮大家准备好了

let script = document.createElement('script');
script.src="https://code.jquery.com/jquery-3.2.1.min.js";
script.integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=";
script.crossorigin="anonymous";
document.head.appendChild(script);

最赞回答 / 精慕门5330565
<...code...>我尝试了一下,去掉integrity和crossorigin属性,就不再报CORS了...如下:<...code...>
我的command+option+t怎么出不来这个?
我编辑js文件,保存后不生效,据说是之前的chrome版本支持,现在的不支持了?我的是102版本
学到了很多,感谢老师的分享
鼠标移动到element.style没有出现这三个点

最新回答 / Heron_Wang
通过sources -> filesystem 来代理本地的文件编辑是可以直接编辑保存本地文件的,没有通过这filesystem的途径编辑源码是保存不了的,刷新界面就会恢复原样
确实html文件不能编辑,我还纠结半天
感谢分享,学到了; 建议补充一些移动端页面调试内容,比如chrome://inspect,还有sarafi的开发工具;抓包工具charles相关的
首页上一页123456下一页尾页
课程须知
本课程是Web开发工具类 1、首先需要下载并安装Chrome浏览器 2、了解基本的前端语言HTML、CSS、JavaScript语法即可
老师告诉你能学到什么?
1、Chrome开发者工具的全面介绍 2、掌握调试页面的DOM和HTML 3、掌握调试页面样式CSS 4、全面掌握调试页面JavaScript及Log日志 5、掌握断点调试程序中Bug的方法 6、学会使用网络Network查看页面请求与分析 7、学会调试客户端存储 8、学会安装并使用React及Vue插件

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消