zoukankan      html  css  js  c++  java
  • 用浏览器调试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后台开发者,热衷分享技术,心怀感恩,深耕不缀。"
      }
    
    读万卷书,行万里路,方能回到内心深处。
  • 相关阅读:
    layer满屏/禁止最大化最小化 可以做选择框使用
    layer关闭弹窗
    导出excel
    linux中安装软件的集中方法
    nginx负载均衡
    zookeeper部署搭建
    git 分支合并处理
    前端框架
    云计算基本概念
    Android 单元测试四大组件Activity,Service,Content Provider , Broadcast Receiver
  • 原文地址:https://www.cnblogs.com/gss0525/p/9915355.html
Copyright © 2011-2022 走看看