1.2调试工具-页面制作

调试工具

Chrome 调试工具面板

  • Elements
    调试html、css
  • Networks
    查看网站的请求，与后端调试接口时需要用到
  • Sources
    可以查看网站的内容，CSS和JS，可以通过断点调试js
  • Console
    类似一个命令行的工具，可以直接写js代码运行
  • Resources
    可以查看网站的本地资源
  • Timeline、Profiles、Audits
    调试页面的性能

IE调试工具

  • IE8+
    IE8以上的版本，自带调试工具
  • IE6
    IEtester、Internet Explorer Developer Toolbar

浏览器调试文档

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 常用的前端调试工具
    在做前端开发时，我们需要用到一些调试工具用来调试我们的HTML、CSS或者JS代码，俗话说预先善其事必先利其器，这...
    Rella7阅读 24,059评论 0赞 15
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1赞 92
  • 前端学习资源（作者：小裁缝sun）
    前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial)，号称最全的资源教程－前端涉及的所有知识...
    谷子多阅读 4,267评论 0赞 44
  • 一个，承诺。
    三年 喧嚣有时 沉睡有时 每一刻爱都在心底呼喊 其实 有些感情就算放在心里 也不代表毫无意义 其实我们的缘分可以来...
    印佐阅读 177评论 0赞 0
  • 拒绝未知恐惧
    你总说要努力却只看见 在玩耍 上午开庭 极其复杂的股权收益权转让的信托案件 涉及众多当事人 感觉开庭是一件很有意思...
    戴可爱阅读 231评论 0赞 0