为了让新手能快速入门前端技术,写了该系列文章,本篇主要讲使用Google来调试Web项目的相关知识。
Google模拟器调试
同时按住 option + command + I 或 option + command +J,进入debug状态(默认在打印日志的调试入口)
1.1 调试CSS
1.2 调试JS
React调试JS代码与调试ReactNative基本一致。主要有以下几种调试方式:
-
1、断点调试:找到待调试的本地文件,在对应的某些位置添加断点,当程序运行到该位置时,会挂起,可以直接查看断点附近的数据,或者打印日志
-
2、打印输出调试:可以查看程序中添加的console.log()输出的日志,也可以直接在端口出编写代码,输出日志
-
3、全局搜索关键词:可以快速定位到含有某些关键词的文件
1.3 调试网络
js调试网络请求时,可直接在浏览器里查看入参,接口返回的数据,cookies(前端一般将_wtk,_tk种在Cookies里,来实现免登)