网站首页  软件下载  游戏下载  翻译软件  电子书下载  电影下载  电视剧下载  教程攻略

请输入您要查询的教程攻略：

　

标题 火狐浏览器(Firefox)里调试工具使用操作内容介绍
分类 教程攻略-教程-电脑软件教程
内容
    　　想必有的网友还不熟悉火狐浏览器(Firefox)里的调试工具，其实操作起来非常简单的，接下来小编就来讲解火狐浏览器(Firefox)里调试工具使用操作内容，相信一定可以帮助到你们。
    　　首先打开火狐浏览器的调试工具，下面就是调试工具栏
    s.jpg
    　　因为调试基本上只用到前四个图标，所以在此，只介绍前四个
    　　1、从页面中选择一个元素
    　　鼠标点击这个图标之后，鼠标在页面上即可选择元素，点击选择的元素，就会迅速定位到该元素的代码上。当页面元素非常多时，用这个方法选择要找到的元素非常方便。
    　　2、查看器
    　　这个图标的功能是，显示web页面代码的结构，当鼠标在代码中移动到某个元素的上面时，web页面的这个元素就会高亮显示。
    　　3、控制台
    　　一般调试的时候在代码中可以使用console.log(‘要输出的内容’)这条语句在控制台中查看输出，用于调试简单的错误。
    　　控制台页面是与当前打开的页面处于同一个环境的，也就是说，当前页面的控制台只对当前页面有效，控制台可以看做是页面的js运行的一个延伸。而且，控制台可以输入输出，也可以更改页面的显示。
    S.png
    s1.jpg
    　　如上图，改变了页面的显示，函数声明这个地方，可能会根据浏览器的版本不同而输出有所不同。
    　　4、调试器
    s.jpg
    　　设置断点
    s1.png
    　　这是页面刷新之后，左上角的四个图标。
    　　第一个图标(F8)，当你设置两个或两个以上的断点时，点击一下，直接运行到下一个断点。
    　　第二图标(F10)，当点击这个图标时，相当于一个函数一个函数的执行
    　　第三个图标(F11)，当点击这个图标时，相当于一步一步的执行。
    　　上述三个图标，经常一起用，用时观察右侧栏显示。
    　　点击添加监视表达式，将你需要监视的变量写进去即可
    ss.jpg
    　　5、条件断点
    　　在行数上鼠标右单击，选择添加条件断点，在弹出的输入框内输入条件，当符合条件时，断点停止执行。
    　　还不会使用火狐浏览器(Firefox)里调试工具的朋友们，不要错过小编带来的这篇文章哦。
随便看

　

霍普软件下载网教程攻略栏目提供软件使用教程、手机游戏攻略等方法技巧。

　

Copyright © 2002-2024 101bt.net All Rights Reserved
更新时间：2025/4/24 16:47:38