美文网首页
chrome前端调试示例

chrome前端调试示例

作者: baby_嘴角轻扬 | 来源:发表于2016-06-21 22:05 被阅读69次

    1.献给写作者的 Markdown 新手指南
    2.Markdown 语法说明
    这是我在简书第一篇用markdown语法写的博客,具体如何使用参照以上链接,简书博客书写可以选择富文本或者markdown两种方式,可以在个人设置中进行设置。


    • 在chrome浏览器中,点击F12对以下代码进行调试。
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <meta charset="utf-8"/>
      </head>
    <body>
    <script type="text/javascript">
        function foo(str, a) {
              eval( str ); //欺骗,直接计算新的b,覆盖全局b,如果不用eval,str传进来的参数是字符串,b值只能从全局变量获取
              console.log( a, b );
    }
        var b = 2;
        foo( "var b = 3;", 1 ); //1,3
    </script>
    </body>
    </html>
    </code></pre>
    
    • 添加断点


    • 重新运行页面


    • 点击单步执行,查看输出,在调用函数时,传递的参数值也会显示。


    • 可以查看变量值


    相关文章

      网友评论

          本文标题:chrome前端调试示例

          本文链接:https://www.haomeiwen.com/subject/wlvgdttx.html