• 那一年的青年节  习近平总书记曾对我说 2019-06-09
  • 对手的表扬是最好的批评 2019-06-08
  • 空腹吃荔枝致孩子死亡?西安专家教你咋吃荔枝最科学 2019-06-08
  • 这里把贫困搬迁户当成“宝” 河北灵寿县的扶贫新探索 2019-06-05
  • 按照相对论,把动能表达为mc^2√(1-v^2c^2)是错误的47 2019-06-05
  • 杰森·斯坦森:《巨齿鲨》水下拍摄难度大 2019-05-31
  • 美政府吁国会批准美中核能合作协定 称符合美利益 2019-05-31
  • “价值由劳动创造≠劳动必然创造价值”?傻,即便如此,你也没能成功否定“价值由劳动创造”呀! 2019-05-27
  • 玩雪可以来这里 这个小村让你过足冰雪瘾 2019-05-27
  • 万盛经开区石林镇:做好迎客准备 进入旅游旺季模式 2019-05-26
  • 没能过准丈母娘这关 问题竟出在发际线 2019-05-21
  • 大葱-热门标签-华商生活 2019-05-21
  • 李易峰观影两度感动落泪 2019-05-14
  • 今后不懂藏文也能读《格萨尔》了 2019-05-11
  • 庆祝人民日报创刊70周年系列访谈之肖潘潘 2019-05-08
  • 靠谱的软件下载站
    特彩吧 高手网 齐中网
    当前位置:  特彩吧 高手网 齐中网/浏览器技巧/谷歌浏览器自带的调试工具使用方法

    香港马报资枓大全:谷歌浏览器自带的调试工具使用方法

    浏览器技巧 秩名 2018-02-12 阅读(312)

    特彩吧 高手网 齐中网 www.kk4v.net Google谷歌浏览器本身就自带有调试工具,但是很多用户还是不太了解怎么使用,那么下面小编就手把手的教大家,如何使用Google谷歌浏览器自带的调试工具的具体方法步骤,这是前端调试JS与CSS样式必备,还不清楚的用户一起来学习下吧。

    1.jpg

    实例一:百度首页

    1、打开Google浏览器,打开任意一个网页,这里以百度首页为例;

    2.jpg

    2、按下F12键,能看到会弹出如下图所示的对话框;

    3.jpg

    3、鼠标右键需要修改的地方;

    4.jpg

    4、可以看到需要改动的地方,对应区域的CSS样式都在右侧区域显示;

    5.jpg

    6.png

    7.jpg

    5、鼠标左键单击箭头所指区域,可添加所需的样式,并且可以实时的显示出来,当不需要时,去掉勾选即可,也可以直接按删除,制表符Tab可以自动补全属性名称;

    8.png

    6、可以根据标签的id或者class值获取其属性,当提示undefined时,就需要查看是否存在这个标签值;

    9.jpg

    7、下图显示的是进入网页所需的文件,同样的可以在里面直接修改,但不会保存到本地文件中;

    10.jpg

    8、下面才是调试的重头戏,以12306购票网为例,按下F12,打开需要调试的JS文件,在行开头单击鼠标左键,打下断点,如下图所示??旖菁麱11是进入下一步,shift+F11跳出进入下一步,F8跳到下一个断点,这样就可以看到每一步程序运行所显示的结果,此时可以用步骤6用到的方法来查看标签的属性。

    11.jpg

    实例二:新浪首页

    1. 打开Chrome,打开任意一个网页,下图为新浪首页;

    12.jpg

    2. 按下F12键,能看到会弹出如下图所示的对话框;

    13.jpg

    3. 鼠标右键需要修改的地方,在弹出的选项选择”检查“;

    14.jpg

    4. 可以看到需要改动的地方,对应区域的CSS样式都在右侧区域显示,此时在右边的代码就可以进行调。

    标签:谷歌浏览器谷歌浏览器

    Copyright © 1998-2017 特彩吧 高手网 齐中网 www.kk4v.net All Rights Reserved 湘ICP备13012168号-17
  • 那一年的青年节  习近平总书记曾对我说 2019-06-09
  • 对手的表扬是最好的批评 2019-06-08
  • 空腹吃荔枝致孩子死亡?西安专家教你咋吃荔枝最科学 2019-06-08
  • 这里把贫困搬迁户当成“宝” 河北灵寿县的扶贫新探索 2019-06-05
  • 按照相对论,把动能表达为mc^2√(1-v^2c^2)是错误的47 2019-06-05
  • 杰森·斯坦森:《巨齿鲨》水下拍摄难度大 2019-05-31
  • 美政府吁国会批准美中核能合作协定 称符合美利益 2019-05-31
  • “价值由劳动创造≠劳动必然创造价值”?傻,即便如此,你也没能成功否定“价值由劳动创造”呀! 2019-05-27
  • 玩雪可以来这里 这个小村让你过足冰雪瘾 2019-05-27
  • 万盛经开区石林镇:做好迎客准备 进入旅游旺季模式 2019-05-26
  • 没能过准丈母娘这关 问题竟出在发际线 2019-05-21
  • 大葱-热门标签-华商生活 2019-05-21
  • 李易峰观影两度感动落泪 2019-05-14
  • 今后不懂藏文也能读《格萨尔》了 2019-05-11
  • 庆祝人民日报创刊70周年系列访谈之肖潘潘 2019-05-08
  • mg冰球突破有什么技巧 金皇冠中国大酒店怎么样 二肖中特期期1 群英会开奖走势图今 ag杰克高手博取窍门 一套连码人民币值多少钱 彩票3d试机号开机号查询 天津快乐十分跨度 2006排列三走势图 新海底总动员 堡垒之夜国服官网下载 迷你世界安卓版下载 广东彩票论坛 宝剑的秘密 豪华的开心假期在线客服 湖北快3开奖45期