openBrowser.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  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. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <meta name="format-detection"content="telephone=no">
  8. <title></title>
  9. <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
  10. <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
  11. <link rel="stylesheet" href="../../css/projeck.css">
  12. <style media="screen">
  13. body,html{
  14. margin: 0;
  15. background: #fff;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div class="api_layout"></div>
  21. </body>
  22. </html>
  23. <script type="text/javascript" src="../../script/api.js"></script>
  24. <script src="../../script/config.js" charset="utf-8"></script>
  25. <script type="text/javascript">
  26. var toast = new auiToast();
  27. apiready = function () {
  28. detaile(api.pageParam.url);
  29. backIndex();
  30. keybackFun();
  31. };
  32. // 详情
  33. function detaile(url) {
  34. var browser = api.require('webBrowser');
  35. var safeArea=api.safeArea;
  36. browser.openView({
  37. url: url,
  38. rect: {
  39. x: 0,
  40. y: 0,
  41. w: api.winWidth,
  42. h: $api.winHeight
  43. }
  44. }, function(ret, err) {
  45. switch (ret.state) {
  46. case 0:
  47. break;
  48. case 1:
  49. break;
  50. case 2:
  51. break;
  52. case 3:
  53. break;
  54. case 4:
  55. break;
  56. default:
  57. break;
  58. }
  59. });
  60. }
  61. // 监听物理返回键
  62. function keybackFun() {
  63. api.addEventListener({
  64. name: 'keyback'
  65. }, function(ret, err){
  66. var browser = api.require('webBrowser');
  67. browser.historyBack(
  68. function(ret, err) {
  69. if (!ret.status) {
  70. browser.closeView();
  71. api.closeWin();
  72. }
  73. }
  74. );
  75. });
  76. }
  77. function backIndex() {
  78. // api.accessNative({
  79. // name: 'closeWindow',
  80. // }, function(ret, err){
  81. // if( ret ){
  82. // //alert( JSON.stringify( ret ) );
  83. // api.closeWin();
  84. // }else{
  85. // //alert( JSON.stringify( err ) );
  86. // }
  87. // });
  88. api.addEventListener({
  89. name: 'closeWindow'
  90. }, function(ret, err){
  91. var browser = api.require('webBrowser');
  92. browser.historyBack(
  93. function(ret, err) {
  94. if (!ret.status) {
  95. browser.closeView();
  96. api.closeWin();
  97. }
  98. }
  99. );
  100. });
  101. }
  102. </script>