用浏览器调试Html

时间 2019-11-11

标签浏览器调试 html 栏目浏览器繁體版

原文原文链接

目录

阐述
举例说明
小结

阐述

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

举例说明

举一个简单的实例，以下一段Html代码，包含一段很简单的for循环JavaScript

<body>
    <script>
        for (var i = 0; i < 10; i++) {
            document.write(i);
        }
   </script>
  </body>

VS2013直接调试网页，用的谷歌浏览器，右键检查，会出现以下图片

界面显示内容解释

1.Element：元素，会显示当前网页标签，还有JavaScript执行结果

2.Console：控制台

3.Source：这里会显示源码的全部内容，包含Html和JavaScript,这里的源码就能够打上断点进行调试，F5进入调试，而后能够查看JavaScript里代码的执行结果，和报的错误

具体页面展现以下

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

小结

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

感激

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

关于做者

var normalChild = {
    nickName  : "墨客码",
    site : "http://www.cnblogs.com/gss0525/"
    descTarget : ".net后台开发者，热衷分享技术，心怀感恩，深耕不缀。"
  }

相关文章

相关标签/搜索

浏览器兼容

网络浏览器

图片浏览器

谷歌浏览器

浏览器信息

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<