如何调试宜搭页面 JS
1. 前景提要
在学习如何调宜搭页面之前,你需要知道:
2. 调试 JS
推荐通过 Chrome 来默认调试我们的代码
具体的调试方式,推荐通过这篇 文章(英文) 或 文章(中文) 引导入门
3. 调试 React
通过 React Devtools 进行调试
具体的调试方法可以参考 这篇 文章
4. 调试动作面板里编写的 JS 代码
(1)打开控制台可以使用,macOS: cmd + option + i 或者右键 「检查」; Window: F12 或者右键 「检查」
(2)代码里添加 debugger 关键字,这样在控制台可以进行断点调试
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1620715457553-ab4b17f0-7006-45af-837e-001cd57a377e.png)
(3)在移动端也可以进行 alert() 来提示排查数据
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1620715425581-c469d958-2d95-4d89-9a1f-c2c56288acd1.png)
(4)如果控制台有报错,可以直接点击 page.js 进入源码调试
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1618571041863-9f7b4ca5-79f3-4565-8668-3c0ce235d08e.png)
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1620715373330-2cc3680a-5f7c-4867-b3ee-b08913d10a6c.png)
(5)在控制台可以通过 cmd/ctrl + p,搜索 page.js 一样可以进入源码调试
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1620715480508-299acf88-34a8-4143-b3be-cc5f7e39b8bf.png)
(6)更多调试方式:https://developers.aliwork.com/docs/guide/concept/debug
--------------------欢迎关注我们--------------------
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/jpeg/1631861711706-8b6b606d-26db-4978-8416-d588b2d155c9.jpeg)
本文档对您是否有帮助?