请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
123456下一页
返回列表 发新帖
显示全部楼层
30
帖子
0
勋章
179
Y币

ApiCloud离线调试器,让大家测试时免去编译的繁琐过程

  [复制链接]
发表于 2014-11-17 21:42:43
本帖最后由 小明 于 2015-10-30 13:54 编辑

利用WebAPP模式调试ApiCloud应用,减少生成编译过程,试开发测试更方便。

APP界面


扫描二维码下载

本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
1
帖子
0
勋章
8
Y币
本帖最后由 quwei 于 2015-2-25 18:21 编辑

楼主的方法很好。我iphone上调试,发现给的下载包过期了。按楼主的思路我自己写了一个,一个页面就可以了。公布 index.html 源代码如下,各位可以重新新建一个应用, index.html用下面的代码替换,编译安装到自己手机就可以了做云调试了。
截图

  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6.     <title>Hello APP</title>
  7.     <link rel="stylesheet" type="text/css" href="./css/api.css" />
  8.     <link rel="stylesheet" type="text/css" href="./css/common.css" />
  9.    
  10.     <!-- 新 Bootstrap 核心 CSS 文件 -->
  11. <link rel="stylesheet" href="http://cdn**.**/bootstrap/3.3.2/css/bootstrap.min.css">

  12.     <style>
  13.     #main { font-size:16px; line-height:150% }
  14.     /*
  15.     #URL { border-bottom:1px solid #ccc; }
  16.     #submit { border: 1px solid #ccc; padding:5px;}
  17.     */
  18.     </style>
  19. </head>
  20. <body>
  21.     <div id="wrap">
  22.         <div id="header">
  23.             <h1>云测试</h1>
  24.         </div>
  25.         <div id="main">
  26. <div class="container">        

  27. <br />

  28. <form action="" method="POST" onsubmit="openw();return false" >
  29.   <div class="form-group">
  30.     <label for="URL">输入URL地址</label>
  31.     <input type="text" class="form-control" id="URL" placeholder="输入URL" value="http://">
  32.   </div>
  33.   <button type="submit" class="btn btn-primary" style="padding-left:30px;padding-right:30px;">开始测试</button>
  34.   <button type="button" onclick="clearcache()" class="btn btn-default">清除缓存</button>

  35. </form>

  36. </div>
  37.    
  38.         
  39.         </div>
  40.         <!--
  41.         <div id="footer">
  42.             <h5>Copyright &copy;2014 </h5>
  43.         </div>
  44.         -->
  45.     </div>
  46. </body>
  47. <script type="text/javascript" src="./script/api.js"></script>
  48. <script type="text/javascript">

  49.         function openw() {
  50.                 var url = document.getElementById('URL').value
  51.                 malert('正在打开:' + url );
  52.                
  53.                 api.openWin({
  54.                 name: 'CloudAPPMain',
  55.                 url: url,
  56.                 reload: true
  57.         });
  58.         
  59.         }
  60.         function clearcache() {
  61.                 api.clearCache();
  62.                 malert('缓存清理成功。');
  63.         }


  64.         function malert(msg) {
  65.             api.alert({
  66.                 title: "提示",
  67.                 msg: msg,
  68.                 buttons: ["确定"]
  69.             });
  70.         }

  71.     apiready = function(){
  72.                 console.log("Hello APICloud");
  73.     };
  74. </script>
  75. </html>
复制代码

本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
30
帖子
0
勋章
179
Y币
智慧 发表于 2015-1-26 16:34
楼主,给你报一个bug, 用你的调试器,你把窗口名字弄成了testWin,导致原本是root的窗口,现在都是testWin ...

这个是无法避免的,root是默认的,被占用了。
14
帖子
0
勋章
561
Y币
好好好!!
2
帖子
0
勋章
136
Y币
Tj360 发表于 2014-11-18 00:39
附件是张图片 兄弟 你干啥啊

扫描二维码安装吧
2
帖子
0
勋章
136
Y币
 用chrome 开发人员工作好像调试不了页面,是这样吗
1682
帖子
10
勋章
136
Y币
Tj360 发表于 2014-11-18 00:39
附件是张图片 兄弟 你干啥啊

要不要这么逗
30
帖子
0
勋章
179
Y币
稻草人net 发表于 2014-11-18 12:26
 用chrome 开发人员工作好像调试不了页面,是这样吗

和Chrome没有关系的啊
30
帖子
0
勋章
179
Y币
UP                          
2
帖子
0
勋章
6
Y币
PC(android和ios)手机模拟器
42
帖子
0
勋章
1493
Y币
尽管不明觉厉,还是顶一下吧
30
帖子
0
勋章
468
Y币
二维码下载不了了哈
123456下一页
您需要登录后才可以回帖 登录

本版积分规则