diff --git a/README.md b/README.md
index 85bfdd4c253a3f8a7cd1734172ea32cb73d1f97e..ed68a01f2dc4541cb514dd17e919b58ba4fc69d2 100644
--- a/README.md
+++ b/README.md
@@ -230,11 +230,14 @@ npm start
 
   * 补充项
 
-  1)  有时候我们在实现模板效果的时候,需要当前用户数据,比如,老师会显示某个按钮,而学生不显示,我们可以用如下方式获取教室信息
+  1)  有时候我们在实现模板效果的时候,需要一些基本的信息,比如教室信息、当前用户信息等等,例如,老师会显示某个按钮,而学生不显示,我们可以用如下方式获取教室信息;后续大部分静态信息都会完善到这个对象里
 
   ```
   //获取教室信息,值得注意的是获取这个信息一定要再 getData方法之后,或者确保页面完成之后
-  let airClassInfo = window["air"].airClassInfo;
+  getData((data, aspect) => {
+    let airClassInfo = window["air"].airClassInfo;
+    console.log(airClassInfo);
+  }); 
   ```
 
   2)  互动课件的 getData 方法的回调函数里多返回了一个切面参数,类似如下:
@@ -248,6 +251,27 @@ npm start
   });
   ```
 
+  3)  测试互动课件
+
+      我们在本地开发中,无法模拟线上老师和学生互动的交互场景,所以提供了一套开发者测试的账号,如下:
+
+      测试地址:http://staging-ac.ireadabc.com/ 
+
+      老师用户名/密码:devtea / 1
+
+      学生用户名/密码: 学生1(13877777711 / 1)    学生2(13877777712 / 1)
+
+
+      测试方法: 
+
+      1、首先开发者发布完模板之后,在制作课件的菜单下用这个模板制作一个课件
+
+      2、在本地打开两个浏览器窗口  一个登陆老师用户,另一个登陆学生用户
+
+      3、老师用户进去之后,就会有很多课件,这个时候双击自己制作的课件,学生的窗口就会同步的打开课件了
+
+      4、测试自己的交互事件,看看老师端和学生端是否是自己想要的展示效果
+
 
 
   ### 补充方法
diff --git a/src/online.html b/src/online.html
new file mode 100644
index 0000000000000000000000000000000000000000..91956f843fb74ef758b62c9df4a4ffa63b53137c
--- /dev/null
+++ b/src/online.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>NgOne</title>
+  <base href="/">
+<!--  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <script type="text/javascript" src="https://staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"></script>
+
+</head>
+<body>
+  Hello World!!
+</body>
+</html>