apicloud apicloud

注册
查看: 15598|回复: 53

[APP开发技巧] ApiCloud离线调试器,让大家测试时免去编译的繁琐过程

 

新手上路

UID:10484

主题:
30
帖子:
92
云币:
175

[APP开发技巧] ApiCloud离线调试器,让大家测试时免去编译的繁琐过程

 
15598 53 | 发表于 2014-11-17 21:42:43 |阅读模式 | |
本帖最后由 小明 于 2015-10-30 13:54 编辑

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

APP界面


扫描二维码下载

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

驾校小白

UID:24597

主题:
1
帖子:
4
云币:
8
发表于 2015-2-25 18:19:16 |
本帖最后由 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.bootcss.com/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

新手上路

UID:10484

主题:
30
帖子:
92
云币:
175
 楼主| 发表于 2015-2-2 13:56:19 |
智慧 发表于 2015-1-26 16:34
楼主,给你报一个bug, 用你的调试器,你把窗口名字弄成了testWin,导致原本是root的窗口,现在都是testWin ...

这个是无法避免的,root是默认的,被占用了。

主题:
13
帖子:
112
云币:
559
发表于 2014-11-18 00:08:25 |
好好好!!

主题:
2
帖子:
124
云币:
112
发表于 2014-11-18 08:36:11 |
Tj360 发表于 2014-11-18 00:39
附件是张图片 兄弟 你干啥啊

扫描二维码安装吧

主题:
2
帖子:
4
云币:
1
发表于 2014-11-18 12:26:22 |
 用chrome 开发人员工作好像调试不了页面,是这样吗

主题:
1077
帖子:
4833
云币:
2147218643

圣诞节捣蛋鬼APICloud大会专属勋章足球狗儿童节快乐

发表于 2014-11-18 16:15:32 |
Tj360 发表于 2014-11-18 00:39
附件是张图片 兄弟 你干啥啊

要不要这么逗

新手上路

UID:10484

主题:
30
帖子:
92
云币:
175
 楼主| 发表于 2014-11-21 13:13:39 来自手机 |
稻草人net 发表于 2014-11-18 12:26
 用chrome 开发人员工作好像调试不了页面,是这样吗

和Chrome没有关系的啊

新手上路

UID:10484

主题:
30
帖子:
92
云币:
175
 楼主| 发表于 2014-11-26 18:28:30 |
UP                          

驾校小白

UID:13300

主题:
2
帖子:
4
云币:
6
发表于 2014-11-26 20:49:49 |
PC(android和ios)手机模拟器

主题:
41
帖子:
287
云币:
1474
发表于 2014-11-26 21:57:24 |
尽管不明觉厉,还是顶一下吧
个人博客:http://hanc.cc

主题:
28
帖子:
490
云币:
422
发表于 2014-12-6 03:59:27 |
二维码下载不了了哈
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表