如何使用Google浏览器自带的调试工具
1个回答
展开全部
1、桐缺打开Google浏览器，打开任意一个网页，这里以百度首页为例
2、按下F12键，能看到会弹出的对话框
3、鼠标右键需要修改的地方
4、可以看到需要改动的地方，对应区域的CSS样式都在右侧区域显示
鼠标左键单击箭头所指区域，可添加所需的样式，并且可以实时的显示出来，当不需要时，去掉5、勾选即可，也可以直接按删除，制表符Tab可以自动补全属性名称
6、可以根据标签的id或者class值获局晌辩取其属性，当提示undefined时，就需要查看是否存在这个标签值
7、显示的是进入网页所需的文件，同样的可以在里面直接修谨让改，但不会保存到本地文件中
8、按下F12，打开需要调试的JS文件，在行开头单击鼠标左键，打下断点。
9、快捷键F11是进入下一步，shift+F11跳出进入下一步，F8跳到下一个断点，这样就可以看到每一步程序运行所显示的结果，此时可以用步骤6用到的方法来查看标签的属性
2、按下F12键，能看到会弹出的对话框
3、鼠标右键需要修改的地方
4、可以看到需要改动的地方，对应区域的CSS样式都在右侧区域显示
鼠标左键单击箭头所指区域，可添加所需的样式，并且可以实时的显示出来，当不需要时，去掉5、勾选即可，也可以直接按删除，制表符Tab可以自动补全属性名称
6、可以根据标签的id或者class值获局晌辩取其属性，当提示undefined时，就需要查看是否存在这个标签值
7、显示的是进入网页所需的文件，同样的可以在里面直接修谨让改，但不会保存到本地文件中
8、按下F12，打开需要调试的JS文件，在行开头单击鼠标左键，打下断点。
9、快捷键F11是进入下一步，shift+F11跳出进入下一步，F8跳到下一个断点，这样就可以看到每一步程序运行所显示的结果，此时可以用步骤6用到的方法来查看标签的属性
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
AiPPT
2024-09-19 广告
随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
