用浏览器调试Html

目录

  • 阐述
  • 举例说明
  • 小结

阐述

  • 写前端页面的时候，浏览器调试作为一个很重要的环节，成为开发者必须掌握的技能之一

举例说明

  • 举一个简单的实例，如下一段Html代码，包含一段很简单的for循环JavaScript
  <body>
    <script>
        for (var i = 0; i < 10; i++) {
            document.write(i);
        }
   </script>
  </body>
  • VS2013直接调试网页，用的谷歌浏览器，右键检查，会出现如下图片

avatar

  • 界面显示内容解释
1.Element：元素，会显示当前网页标签，还有JavaScript执行结果

2.Console：控制台

3.Source：这里会显示源码的所有内容，包含Html和JavaScript,这里的源码就可以打上断点进行调试，F5进入调试，然后可以查看JavaScript里代码的执行结果，和报的错误
  • 具体页面展示如下

avatar

  • 其他
    • 关于其他功能在调试性能，占用系统内存优化程序方面有很大所用

小结

*浏览器现在的功能很强大，更是本地的一个数据仓库，会用了，开发效率会有高额提升

感激

星星之火可以燎原，今日点滴的付出，是日后的苦尽甘来。莫愁前路漫漫，天下谁人不识君。感谢你阅读此文稿，也希望你能不吝赐教。推荐比较全面的个人学习网站，希望对你有帮助。

关于作者

  var normalChild = {
    nickName  : "墨客码",
    site : "http://www.cnblogs.com/gss0525/"
    descTarget : ".net后台开发者，热衷分享技术，心怀感恩，深耕不缀。"
  }
posted @ 2018-11-06 15:06  墨说智能制造  阅读(7495)  评论(0)  编辑  收藏  举报