为了账号安全,请及时绑定邮箱和手机立即绑定
  • JS代码的调试: 脚本:可查看JS代码,对其设置断点(点击左侧行号即可) 方法:单步进入、单步退出、单步跳过、继续 执行到断点处,切换到监控栏,可改变断点中相应的变量 函数如何被调用:在代码处写入 console.trace();//console.trace 概况栏:可进行简单的性能分析 console.log("%d年%d月%日",2015,3,30); console.group("第一组"); console.log("101"); console.group("第二组"); console.log("101"); console.time("test"); 运行 console.timeEnd("test"); 会输出运行时间 1、查看JS代码,设置断点(点击左侧行号即可) 2、调试js功能代码 F8:继续 F10:单步跳过 F11:单步进入 Shift+F11:单步退出 3、console.trace()可以知道函数如何被调用 点击概况 等待页面执行完毕 再次点击概况,就会…… 显示函数被调用时的一些参数信息
  • javascript控制台的检索。 sonsole.log()在控制台输出。console.info()/debug()/warn()/error() //信息/调试/警告/错误 console.group()、console.groupEnd() //输出信息分组 console.dir() //显示所有对象的属性和方法 console.time()/console.timeEnd() //时间跟踪,记录代码运行时间 console.time(); console.timeEnd();<br> console.group()<br> %d - 数字,%f - 浮点数,%s - 字符串,%o - 对象 console.info()/debug()/warn()/error() //信息/调试/警告/错误<br> console.group()、console.groupEnd() //输出信息分组<br> console.dir() //显示所有对象的属性和方法<br> console.time()/console.timeEnd() //时间跟踪,记录代码运行时间
  • FireBug调试器中“网络”控制面板的XHR: 对 html http request 的监听 通常所说的ajax监听 可以监听服务端响应的服务请求 XHR:监听ajax请求(如搜索提示)当服务器发送post或get请求时,它会监听这些请求,并在下面罗列出来,其中的参数就是我们请求的url或者post中的一些名字和字符;头信息是我们请求和回应的头信息;响应是实际中从服务器接收到的信息
  • 网络功能: 1、分类别的查看下载文件和http请求 2、可以查看http请示的详细信息,是否成功、是否缓存、请求参数、响应的结果等 3、缓存状态304
  • 可用上下方向键进行微调字体, - 按住上下方向键,每次以1个单位调整。 - 按住Ctrl+上下方向键,每次以0.1个单位调整。 - 按照Shift+上下方向键 ,每次以10个单位调整。 右侧超链接,直接进入页面源代码修改
  • 1.快速定位网页元素:ctrl+shift+c 或 “小甲虫”旁边的屏幕箭头 2.快捷键设置:“小甲虫”下拉选项中的“自定义快捷键” 3.在HTML上上有若干节点,点击即可定位到相应节点
  • FireBug窗口功能: 控制台:JavaScript命令行操作、显示JS错误信息、提示信息、日志信息,右侧可写自己的JS命令。 HTML:显示页面的HTML源码。 CSS:编辑页面的CSS源码。 脚本:显示页面脚本和调试。 DOM:显示页面对象和DOM属性。 网络:显示页面下载和花费时间。 Cookies:显示页面请求的Cookies,及查看和修改。 标签可以通过点击其下拉菜单控制设置为‘启用’或者‘停用’。 小甲虫可以设置显示或者不显示某些标签。 标签栏左侧的搜索框可以进行相应的搜索。
  • (1)在线代码测试工具:http://www.lvyestudy.com/tools/run_code.aspx; (2)在线调色板:http://www.lvyestudy.com/tools/color_picker.aspx; (3)CSS3圆角生成器:http://www.lvyestudy.com/tools/border_radius.aspx
  • Firebug插件下载网址:http://www.getfirebug.com 在firefox浏览器中用F12打开,Ctrl+F12新窗口打开 适用于火狐的firebug,适用于其他浏览器的firebug lite
  • ctrl+上下 微调0.1 shift+上下 粗调10 上下1
  • ctrl+shift+c快速定位页面元素

举报

0/150
提交
取消
课程须知
只要您对WEB开发感兴趣,想提高开发效果,赶快来学习本课程。
老师告诉你能学到什么?
运用Firebug 编辑HTML、处理CSS、调试Javascript、监听Ajax、评估页面速度等
意见反馈 邀请有奖 帮助中心 APP下载
官方微信