main.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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, initial-scale=1.0, width=device-width" />
  6. <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
  7. <title>Hello APP</title>
  8. <link rel="stylesheet" type="text/css" href="../css/api.css" />
  9. <style>
  10. label {
  11. margin: 10px;
  12. font-size: 24px;
  13. }
  14. ul {
  15. margin-bottom: 10px;
  16. }
  17. ul li {
  18. margin: 5px 10px;
  19. padding: 5px;
  20. color: #000;
  21. word-wrap: break-word;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <label>Hello APP</label>
  27. <div id='sys-info'></div>
  28. </body>
  29. <script type="text/javascript" src="../script/api.js"></script>
  30. <script type="text/javascript">
  31. apiready = function() {
  32. var ver = api.version;
  33. var sType = api.systemType;
  34. var sVer = api.systemVersion;
  35. var id = api.deviceId;
  36. var model = api.deviceModel;
  37. var name = api.deviceName;
  38. var cType = api.connectionType;
  39. var winName = api.winName;
  40. var winWidth = api.winWidth;
  41. var winHeight = api.winHeight;
  42. var frameName = api.frameName || '';
  43. var frameWidth = api.frameWidth || '';
  44. var frameHeight = api.frameHeight || '';
  45. var str = '<ul>';
  46. str += '<li>引擎版本信息: ' + ver + '</li>';
  47. str += '<li>系统类型: ' + sType + '</li>';
  48. str += '<li>系统版本: ' + sVer + '</li>';
  49. str += '<li>设备标识: ' + id + '</li>';
  50. str += '<li>设备型号: ' + model + '</li>';
  51. str += '<li>设备名称: ' + name + '</li>';
  52. str += '<li>网络状态: ' + cType + '</li>';
  53. str += '<li>主窗口名字: ' + winName + '</li>';
  54. str += '<li>主窗口宽度: ' + winWidth + '</li>';
  55. str += '<li>主窗口高度: ' + winHeight + '</li>';
  56. str += '<li>子窗口名字: ' + frameName + '</li>';
  57. str += '<li>子窗口宽度: ' + frameWidth + '</li>';
  58. str += '<li>子窗口高度: ' + frameHeight + '</li>';
  59. str += '</ul>';
  60. $api.byId('sys-info').innerHTML = str;
  61. };
  62. </script>
  63. </html>