如何使用Google浏览器自带的调试工具
4个回答
微测检测5.10
2023-07-11 广告
2023-07-11 广告
Android Auto是一种为车载系统提供的辅助应用程序,它通过与智能手机和车载信息娱乐系统交互,提供车载影音和出行导航等便捷功能。Android Auto手机版具有以下优势:1. 深度定制地图,路况实时更新。2. 导航过程中能及时重新规...
点击进入详情页
本回答由微测检测5.10提供
展开全部
打开Google浏览器,打开任意一个网页,这里以百度首页为例
按下F12键,能看到会弹出如下图所示的对话框
鼠标右键需要修改的地方
可以看到需要改动的地方,对应区域的CSS样式都在右侧区域显示
鼠标左键单击箭头所指区域,可添加所需的样式,并且可以实时的显示出来,当不需要时,去掉勾选即可,也可以直接按删除,制表符Tab可以自动补全属性名称
可以根据标签的id或者class值获取其属性,当提示undefined时,就需要查看是否存在这个标签值
下图显示的是进入网页所需的文件,同样的可以在里面直接修改,但不会保存到本地文件中
下面才是调试的重头戏,以12306购票网为例,按下F12,打开需要调试的JS文件,在行开头单击鼠标左键,打下断点,如下图所示。快捷键F11是进入下一步,shift+F11跳出进入下一步,F8跳到下一个断点,这样就可以看到每一步程序运行所显示的结果,此时可以用步骤6用到的方法来查看标签的属性
步骤阅读
按下F12键,能看到会弹出如下图所示的对话框
鼠标右键需要修改的地方
可以看到需要改动的地方,对应区域的CSS样式都在右侧区域显示
鼠标左键单击箭头所指区域,可添加所需的样式,并且可以实时的显示出来,当不需要时,去掉勾选即可,也可以直接按删除,制表符Tab可以自动补全属性名称
可以根据标签的id或者class值获取其属性,当提示undefined时,就需要查看是否存在这个标签值
下图显示的是进入网页所需的文件,同样的可以在里面直接修改,但不会保存到本地文件中
下面才是调试的重头戏,以12306购票网为例,按下F12,打开需要调试的JS文件,在行开头单击鼠标左键,打下断点,如下图所示。快捷键F11是进入下一步,shift+F11跳出进入下一步,F8跳到下一个断点,这样就可以看到每一步程序运行所显示的结果,此时可以用步骤6用到的方法来查看标签的属性
步骤阅读
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2016-08-06 · 知道合伙人互联网行家
关注
展开全部
打开谷歌浏览器,按下键盘上的F12就行了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
google浏览器的调试工具是全英文的,所以你首先要英文过关,其次是你必须对网页结构、代码非常熟悉。望采纳,谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询