JavaScript 在Firefox上的调试器使用 - 会coding的HAM

JavaScript 在Firefox上的调试器使用

BG7ZAG

|

2017-7-25 19:02

|

1,569

|

0

|

436 字

|

2 分钟

<body>
<div>这是DIV</div>
<script>
var a = '123'
a +='456'
// alert(a)
// console.log('a:%s',a)
// console.dir(a)
// 断点是一个特殊的代码标记程序执行到断点时会暂停执行
// 通过断点可以观察到正在执行的程序的内部状态
// 所有的断点都会显示在资源窗口中形成断点列表
// 点击前面的筛选框可以暂时禁用或启动断点
// var me = {
// name:'xiaoming',
// age:3,
// isMale:true,
// course:{
// name:'HTML5',
// months:6
// }
// }
// console.log(me)
// 在变量窗口中可以逐层展开一个对象
// 深入对象内部可以查看对象的属性方法类型以及对象的父类
function add(a,b){
return a + b
}
var c = add(3,5)
// F10 逐步执行
// F8 一直执行直到结束遇到下一个断点
// F11 进入函数内部
// shift + F11 从函数内部跳出
// 左下角三个按钮
// 第一个：开启或关闭黑盒压缩后的代码通常在黑盒中调试时不会进入但可以打开
// 第二个:美化代码将压缩的代码重新格式化
// 第三个：启用或禁用断点
// 调用栈
// 函数相互调用形成的调用关系如 A -> B -> C -> D
// 调用栈是从下往上调用的最下面是代码入口
// 点击调用栈上的项可以看到进入下一个函数的位置
// 事件：可以查看所有的事件监听者
// 勾选后事件发生时会直接暂停就像加了一个断点一样
var div =document.querySelector('div')
div.onclick = function(e){
alert('你点击了div')
}
</script>
</body>

JavaScript 调试器

暂无评论

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!