浏览器格式化文件代码以及浏览器调试小技巧

浏览器格式化文件代码以及浏览器调试小技巧平常在项目中经常会遇到下载别人的 js 文件都是加密过的 不方便阅读都是一整行 个人无法进行阅读 浏览器能够识别出来 所以就可以使用浏览器进行格式化 js 代码

大家好,欢迎来到IT知识分享网。

#头条创作挑战赛#

前言

针对在前端开发中调试js代码的时候会遇到文件压缩的情况和前端代码调试技巧

平常在项目中经常会遇到下载别人的js文件都是加密过的,不方便阅读都是一整行,个人无法进行阅读,浏览器能够识别出来,所以就可以使用浏览器进行格式化js代码

效果图

浏览器格式化文件代码以及浏览器调试小技巧

浏览器格式化文件代码以及浏览器调试小技巧

1、在谷歌浏览器中查看源文件

浏览器格式化文件代码以及浏览器调试小技巧

2、在谷歌浏览器中的源文件点击下面的{}就会生成相应的格式话文件

浏览器格式化文件代码以及浏览器调试小技巧

3、中断调试:添加断点后,当JS代码运行到断点时会中断(对于添加了中断条件的断点在符合条件时中断),此时可以将光标放在变量上查看变量的

1、点击左侧的序号打上断点

浏览器格式化文件代码以及浏览器调试小技巧

2、右侧的为断点的方法

浏览器格式化文件代码以及浏览器调试小技巧

浏览器格式化文件代码以及浏览器调试小技巧

4、通过network查看http请求是否成功和资源是否加载

浏览器格式化文件代码以及浏览器调试小技巧

1、查看请求头是否正确和访问方式是否正确

浏览器格式化文件代码以及浏览器调试小技巧

2、传递的参数

浏览器格式化文件代码以及浏览器调试小技巧

3、请求的返回值

浏览器格式化文件代码以及浏览器调试小技巧

4、可以在Application中查看缓存数据

浏览器格式化文件代码以及浏览器调试小技巧

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/94054.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信