Google模拟器调试web程序

441 阅读1分钟

为了让新手能快速入门前端技术,写了该系列文章,本篇主要讲使用Google来调试Web项目的相关知识。

Google模拟器调试

同时按住 option + command + Ioption + command +J,进入debug状态(默认在打印日志的调试入口)

1.1 调试CSS

1.2 调试JS

React调试JS代码与调试ReactNative基本一致。主要有以下几种调试方式:

  • 1、断点调试:找到待调试的本地文件,在对应的某些位置添加断点,当程序运行到该位置时,会挂起,可以直接查看断点附近的数据,或者打印日志

  • 2、打印输出调试:可以查看程序中添加的console.log()输出的日志,也可以直接在端口出编写代码,输出日志

  • 3、全局搜索关键词:可以快速定位到含有某些关键词的文件

1.3 调试网络

js调试网络请求时,可直接在浏览器里查看入参,接口返回的数据,cookies(前端一般将_wtk,_tk种在Cookies里,来实现免登)