跳到主要内容

如何调试宜搭页面 JS

1. 前景提要

在学习如何调宜搭页面之前,你需要知道:


  1. 宜搭目前是基于 JavaScript 体系开发的
  2. 宜搭目前是基于 React 体系开发的
  3. 宜搭的组件体系目前是基于阿里巴巴开源的组件库 Fusion


2. 调试 JS


推荐通过 Chrome 来默认调试我们的代码

具体的调试方式,推荐通过这篇 文章(英文)文章(中文) 引导入门


3. 调试 React


通过 React Devtools 进行调试

具体的调试方法可以参考 这篇 文章


4. 调试动作面板里编写的 JS 代码

(1)打开控制台可以使用,macOS: cmd + option + i 或者右键 「检查」; Window: F12 或者右键 「检查」

(2)代码里添加 debugger 关键字,这样在控制台可以进行断点调试


(3)在移动端也可以进行 alert() 来提示排查数据


(4)如果控制台有报错,可以直接点击 page.js 进入源码调试



(5)在控制台可以通过 cmd/ctrl + p,搜索 page.js 一样可以进入源码调试

(6)更多调试方式:https://developers.aliwork.com/docs/guide/concept/debug



--------------------欢迎关注我们--------------------



Copyright © 2024钉钉(中国)信息技术有限公司和/或其关联公司浙ICP备18037475号-4