用户登录
用户注册

分享至

chrome开发者工具汉化

  • 作者: 我只想她好
  • 来源: 51数据库
  • 2020-09-21
Google chrome上的开发者工具是无法修改语言的 楼主可以尝试使用国产chromium壳的浏览器



  google chrome开发者工具
只要安装了谷歌浏览器,就可以使用google chrome开发者工具了,google chrome开发者工具是内嵌到浏览器的开发工具,打开方式有两种:第一“按f12”,第二:shift+ctrl+i

console介绍
console可以查看网页运行后提示的消息,错误或者警告以及输出内容等,网页后台可以使用console.debug("输出内容");来在console输出显示,可以做到调试的作用吧,不过一般真正调试不是拿console。console.debug("console使用介绍");console是小写形式,不然提示没有console

resources介绍
resources里可以查看web程序跑起来后所加载的一些资源(resources),包括图片或者其他“值”,以及cookies

sources介绍
sources可以查看运行的脚本,调试一般都是在sources调试的,所以程序开发者需要了解和熟悉sources的使用

sources调试使用
在左侧的脚本代码编号,鼠标点击即可添加断点,添加断点后,刷新网页,程序运行到断点即可看到断点调式的状态了,具体调试需要在自己想查看某个方法里边是否有问题,一步步排除,效果很好

network介绍
network可以看到网页加载的脚本和资源的时间,还可以看到某些不能加载成功的资源;这里有位是百度首页演示,百度首页内容很干净所以不需要加载什么图片等资源

elements介绍
elements这个就比如页面的每个元素吧,比如百度搜索这个图片,可以通过elements找到,搜索框也可以,在底下的“放大镜”类似的控件,点击然后选择自己想要查看要素或位置,elements会跳转到相应的实现代码
软件
前端设计
程序设计
Java相关