chrome调试js工具的使用

 

 

chrome调试js工具的使用

 

 

chrome调试js工具的使用

 

 

chrome调试js工具的使用

 

 

chrome调试js工具的使用

 

 

Audits标签页

这个对于优化前端页面、加速网页加载速度很有用哦(相当与Yslow):

chrome调试js工具的使用

点击run按钮,就可以开始分析页面,分析完了就可以看到分析结果了:

chrome调试js工具的使用

它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦:

chrome调试js工具的使用

 

 

例如我想查看console都有哪些方法和属性,我可以直接在Console中输入"console"并执行:

chrome调试js工具的使用

怎么样,一目了然了吧 ?再例如我想查看日期函数都有哪些方法:

chrome调试js工具的使用

 

 

chrome调试js工具的使用

 

 

 

 

实时修改 js 代码生效

页面外部 js 文件在 Scripts 面板中可以直接修改, 改完后按 ctrl + S 保存, 会立即生效

注意

经测试不支持 html 页面中 js 修改

经过 Pretty print 格式化的脚本不支持修改

 

 

Control + O查看js文件

Contro + shift + O 查看当前文件中的js方法

Control + F 按关键字搜索当前文件

Ctrol + shift + F 按关键字搜索所有文件

 

相关文章:

  • 2021-12-24
  • 2022-12-23
  • 2021-10-26
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-02-27
  • 2021-11-20
  • 2022-03-07
  • 2021-05-26
  • 2021-10-29
  • 2021-05-20
相关资源
相似解决方案