关于Chrome即谷歌调试工具的使用

来源:互联网 发布:sql入门到精通 编辑:程序博客网 时间:2024/05/29 10:30
1>查看源码:审查元素
2>查看HTML标签在页面中真正使用的CSS代码
  :鼠标放置在需要查看的元素上,然后右键审查元素(检查),Styles;
3>格式化JS代码:遇到显示在一行的js(经过了压缩的,即优化,减少下载的量),在下面有一个{},即pretty print,点击之后就帮我们格式化了
4>断点调试JS代码:行号前面单击(设置断点)F8,F10,F11,
5>使用控制台console编写测试代码:console页面
6>无缓存模式浏览页面:Network->Disable cache
7>查看页面网络加载情况
8>使用仿真功能开放响应式页面,或者手机APP页面
9>其他.......
1 0
原创粉丝点击