首页 > 代码库 > 怎么查看执行的javascript?
怎么查看执行的javascript?
很多时候,拿到一个具体的页面,点击了个按钮,或者鼠标浮动了一下,出现一个效果,很想知道这段js具体的代码,怎么破?
例如如下代码:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="stylesheet" href="http://www.mamicode.com/reset.css"> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title> </title> 7 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script> 8 <script> 9 window.onload = function() {10 document.getElementById(‘mydiv‘).onclick = function() {11 alert(‘hello world‘);12 };13 // $(‘#mydiv‘).click(function() {14 // alert(‘hello world‘);15 // });16 };17 </script>18 </head>19 <body>20 <div id=‘mydiv‘ style=‘width:100px;height:100px;border:1px solid black;‘>21 </div>22 </body>23 </html>
body里就一个矩形,给矩形的加了个click事件,点击该矩形,弹出“hello world”,我想要知道这段代码如何写的?how?
到Chrome的开发者工具里面进入Sources选项卡,然后展开右边的Event Listener BreakPoints,展开里面的Mouse,把click打上勾,如下图:
怎么查看执行的javascript?
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。