channel面板可见,下拉框可选择查看各个流程的日志。
说明:缺失sourceMap调试的能力,无法直观定位错误代码的行号。
模拟器的错误信息目前不会出现在IDE控制面板里,调试步骤如下:
1)点击淘宝开发者工具右上角的【帮助】-> 【切换开发者工具】。
2)会弹起调试面板,点击下图标注的【Elements】。
1)使用指令进行代码检索
1.1)Mac:command + F
1.2)window:ctrl + F
2)输入 <web
或者 taobao.com
关键字,enter 键进行查找,找到下面这个标注的节点。
1)找到 standardized-simulator-web/index.html
关键字对应的webview之后,鼠标点上去,点击它之后会有阴影,代表你选中了它(一定要选中它,不然没法打开调试面板)。
2)选中之后,切换到 console
面板,输入 $0.openDevTools()
,然后按回车键,调试面板就弹出了。
在 devtool 中,可以查看错误的具体信息,比如文件、具体的行号等。举个例子:我们这里抛出了一个错误,点击这个文件名,即可跳转到具体抛错的代码中。
1)点开淘宝开发者工具底部【输出】按钮,弹起【任务】选择框,里面可以看到预览、构建、重新编译等日志。
2)对项目文件进行操作变动后,模拟器界面没反应,建议点击【重新编译】按钮。