有奖捉虫:办公协同&微信生态&物联网文档专题 HOT
说明:
阅读本章节前,请确保您已经看完 Web 和 H5 的集成指引。

通过自定义能实现什么?

课堂的 iOS/Android/Electron 用户界面都基于网页实现,所以自定义能根据您的需要修改所有端界面并补充业务逻辑,例如以下场景:
1. 关键概念文案替换。
2. 屏蔽无关业务功能。
3. 修改界面样式。
4. 新增业务组件等。

准备开发环境

本文假定您已经具备以下技能:
1. 搭建本地静态服务器。
2. 了解浏览器端的 js/css 开发和运作原理。
参见 Web 和 H5 集成指引,假设您的本地服务器运行在8080端口,根目录下已创建文件 test.js,test.css。

准备测试课堂

1. 单击课堂演示的 登录页面,选择创建课堂,然后单击立即进入,将会跳转到课程页面。



2. 进入课程页面,您将看到如下图效果。请复制课程页面的 URL。



3. 将 JS/CSS 字符串附加到 URL 后面,附加字符串如下所示。
debugjs=http://localhost:8080/test.js&debugcss=http://localhost:8080/test.css
4. 将修改后的 URL 粘贴回浏览器,打开浏览器的控制台,检查网络请求。如果出现 localhost 文件,那么就表示操作成功,如下图所示:



完成上述步骤准备好开发环境后,则可以开始进行功能开发。