码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript------>调试JavaScript代码------>使用 浏览器 中的 “开发者工具” 来调试

时间:2016-12-13 06:57:04      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:技术   员工   ges   安全   console   F12   安全浏览器   html   变量   

1.如何打开浏览器中的“开发者工具”

  *360安全浏览器

  *方法一,打开想要调试的网页如index.html,浏览器右上角---工具----开发人员工具

  *方法二,直接按快捷键F12即可打开浏览器中的开发者工具

      技术分享

  

2.使用浏览器中的“开发者工具”

  2.1使用开发人员工具中的console面板

      console面板概述:

               该面板内可以输入JavaScript代码

               按回车后,直接执行JavaScript代码       

      1)console.log(<变量>);//回车后显示变量的值

          例一,

               技术分享

          例二,

              技术分享

 

              

 

  2.1使用开发人员工具中的Source面板

      Source面板概述:

                 可以通过该面板查看/编辑html、css、JavaScript代码

                 可以通过source面板对相应代码设置断点,通过单步执行来进行更高级的调试

                 

JavaScript------>调试JavaScript代码------>使用 浏览器 中的 “开发者工具” 来调试

标签:技术   员工   ges   安全   console   F12   安全浏览器   html   变量   

原文地址:http://www.cnblogs.com/lxrm/p/6166268.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!