前端调试合集(包含移动端/内嵌h5)

文前推荐一下👉前端必备工具推荐网站(图床、API和ChatAI、智能AI简历、AI思维导图神器等实用工具):
站点入口：http://luckycola.com.cn/
图床：https://luckycola.com.cn/public/dist/#/imghub
多种API：https://luckycola.com.cn/public/dist/#/
ChatAI：https://luckycola.com.cn/public/dist/#/chatAi
AI思维导图神器：https://luckycola.com.cn/public/dist/#/aiQStore/aiMindPage

代码内使用方法

alert/console

• alert和console.log作为JS最基本的调试能力，提供了简易版的断点 (只能断一下) 和输出 (只能输出字符串) 能力，可以在代码运行到预期的位置输出预期的log，通过对不同流程下写入alert，输出变量的值来判断，当前逻辑下是否进入异常流程，输出变量是否符合预期。
• 优点：简单方便，alert断点处打印的结果真实准确。
• 缺点：alert会阻断代码执行，console打印的Object只有最终结果。功能简单，只能用于一些简单场景

alert('打印异常流程信息')；
alert('接口返回值' + JSON.stringify(response));

console.log(...params);
console.info(...params);
// 还可以自定义文字颜色哟
console.log('%c'