Acasă Explorează Ajutor
Înregistrare Autentificare
Intelligent_due_diligence
/
dev-doc
4
0
Bifurcare 0
Fisiere Probleme 0 Trageți solicitările 0 Wiki
Ramură: dev_1.1.1
Ramuri Etichete
dev-doc
/
yump-guide-v2
/
sdk
/
webview.html

webview.html 181 KB
Permalink Istoric Crud

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en-US">
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <meta name="viewport" content="width=device-width,initial-scale=1">
    6. 

  6.     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    7. 

  7.     <title>宇信科技-新一代移动金融开发平台YUMP</title>
    8. 

  8.     <meta name="description" content="">
    9. 

  9.     <link rel="shortcut icon" href="/yump-guide-v2/images/favicon.ico">
    10. 

  10.     <meta name="description" content="Yusys New Generation Mobile Platform.">
    11. 

  11.     <link rel="preload" href="/yump-guide-v2/assets/css/0.styles.55c6ad92.css" as="style"><link rel="preload" href="/yump-guide-v2/assets/js/app.896f6ac7.js" as="script"><link rel="preload" href="/yump-guide-v2/assets/js/2.51c90e44.js" as="script"><link rel="preload" href="/yump-guide-v2/assets/js/1.a9756c7a.js" as="script"><link rel="preload" href="/yump-guide-v2/assets/js/145.68432b8f.js" as="script"><link rel="prefetch" href="/yump-guide-v2/assets/js/10.b899c03d.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/100.96e0ca3e.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/101.7a3c98e7.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/102.317715ca.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/103.d1f17eea.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/104.639a7b14.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/105.5ef3a72c.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/106.e8145609.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/107.1c4c3b98.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/108.25c1bbb4.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/109.c5cc2d99.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/11.79468af0.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/110.5bd65915.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/111.f154840e.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/112.6557da1b.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/113.fa7dcb7c.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/114.3775b454.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/115.2d8ef594.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/116.f5a4fa70.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/117.91c276de.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/118.24469bef.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/119.7f0f2a6d.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/12.af97c3b0.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/120.28bcb854.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/121.c73b2ca1.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/122.3b756d9e.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/123.787b6261.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/124.3cadb4cb.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/125.aaa20687.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/126.e1f1c469.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/127.51ac4f3c.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/128.a389b013.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/129.c902f624.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/13.4240fb0f.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/130.c7988b69.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/131.be40d11d.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/132.5706a673.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/133.e13e29b7.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/134.63ad6dc2.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/135.b9a9c24c.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/136.f4c5bd04.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/137.df75f133.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/138.dd38c4a9.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/139.286cf8c3.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/14.7796bbb6.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/140.b6973a53.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/141.d1f2c245.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/142.416c6362.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/143.27dc8736.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/144.7b9fd1d5.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/146.9418526f.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/147.84911b0e.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/148.5e5b9fa2.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/149.df59bd0e.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/15.32b7468f.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/150.cb46d058.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/151.e028671a.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/152.99edd436.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/153.de762758.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/154.332cdcb5.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/155.a64303d0.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/156.bb98520c.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/16.84b2b202.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/17.257af1e4.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/18.068a2108.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/19.b443bc8f.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/20.51f5877f.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/21.6479fbc0.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/22.874c6b4b.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/23.7fadcc50.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/24.5b3c6fee.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/25.9d077073.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/26.d92ec3f7.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/27.38f8f436.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/28.2bd84691.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/29.f7f911b0.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/3.2661404a.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/30.fe7be147.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/31.8b00765d.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/32.b4379835.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/33.7480a1a9.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/34.28155497.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/35.8e1572c6.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/36.88cbe849.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/37.57a0a535.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/38.f5feba8c.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/39.099c134a.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/4.0605f027.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/40.cb743a61.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/41.9b04589b.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/42.8469b0b2.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/43.9eb1b92c.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/44.dc802510.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/45.84fb7590.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/46.3431733e.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/47.525cbce2.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/48.16b4219a.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/49.f27edbe4.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/5.c75411ab.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/50.7607d9da.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/51.e9c81e5a.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/52.ffbc5bbe.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/53.177fa16f.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/54.14076286.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/55.f1fab994.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/56.8696946c.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/57.003ca5b0.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/58.033b0211.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/59.cd356469.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/6.1d75269f.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/60.8e33f749.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/61.b54c085e.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/62.25c04659.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/63.7976f910.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/64.ac643e8d.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/65.55e606b3.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/66.90c23713.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/67.18846762.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/68.5ad83596.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/69.5008d2cc.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/7.8edc6650.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/70.8e91e18e.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/71.42f55c96.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/72.42ff84ec.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/73.f652329b.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/74.134aa0ff.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/75.87205394.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/76.99b23dfb.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/77.63e82002.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/78.fe5a1829.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/79.ce2f0aba.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/80.4762ae2f.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/81.e0f47584.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/82.51d99b1c.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/83.9a2bec3a.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/84.70e27662.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/85.4150dcba.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/86.ca47122f.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/87.9806fd1a.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/88.408e5802.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/89.5a7330f6.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/90.71f8fe53.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/91.8c5e0db0.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/92.4fecf5f0.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/93.73314cb4.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/94.6a90e063.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/95.05ec0274.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/96.df0e55aa.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/97.97112e61.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/98.0a637add.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/99.942048ae.js"><link rel="prefetch" href="/yump-guide-v2/assets/js/vendors~docsearch.8ff0dd7b.js">
    12. 

  12.     <link rel="stylesheet" href="/yump-guide-v2/assets/css/0.styles.55c6ad92.css">
    13. 

  13.   </head>
    14. 

  14.   <body>
    15. 

  15.     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/yump-guide-v2/" class="home-link router-link-active"><!----> <span class="site-name">宇信科技-新一代移动金融开发平台YUMP</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/yump-guide-v2/" class="nav-link">
    16. 

  16.   首页
    17. 

  17. </a></div><div class="nav-item"><a href="/yump-guide-v2/guide/" class="nav-link">
    18. 

  18.   教程
    19. 

  19. </a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="组件" class="dropdown-title"><span class="title">组件</span> <span class="arrow down"></span></button> <button type="button" aria-label="组件" class="mobile-dropdown-title"><span class="title">组件</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://vant-contrib.gitee.io/vant/v2/#/zh-CN/" target="_blank" rel="noopener noreferrer" class="nav-link external">
    20. 

  20.   基础组件
    21. 

  21.   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="/yump-guide-v2/components/" class="nav-link">
    22. 

  22.   业务组件
    23. 

  23. </a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="H5-API" class="dropdown-title"><span class="title">H5-API</span> <span class="arrow down"></span></button> <button type="button" aria-label="H5-API" class="mobile-dropdown-title"><span class="title">H5-API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/yump-guide-v2/api/" class="nav-link">
    24. 

  24.   API
    25. 

  25. </a></li><li class="dropdown-item"><!----> <a href="/yump-guide-v2/utils/app.html" class="nav-link">
    26. 

  26.   工具方法
    27. 

  27. </a></li></ul></div></div><div class="nav-item"><a href="/yump-guide-v2/sdk/" class="nav-link router-link-active">
    28. 

  28.   APP-SDK
    29. 

  29. </a></div><div class="nav-item"><a href="http://210.12.198.141:18080/yump-build/#/login?redirect=%2Fdashboard" target="_blank" rel="noopener noreferrer" class="nav-link external">
    30. 

  30.   云打包
    31. 

  31.   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="/yump-guide-v2/typical/" class="nav-link">
    32. 

  32.   典型场景
    33. 

  33. </a></div><div class="nav-item"><a href="/yump-guide-v2/nativepackaging/" class="nav-link">
    34. 

  34.   原生打包
    35. 

  35. </a></div><div class="nav-item"><a href="/yump-guide-v2/yuga/config.html" class="nav-link">
    36. 

  36.   埋点
    37. 

  37. </a></div><div class="nav-item"><a href="/yump-guide-v2/FAQ/" class="nav-link">
    38. 

  38.   常见问题
    39. 

  39. </a></div><div class="nav-item"><a href="/yump-guide-v2/contact-us/" class="nav-link">
    40. 

  40.   联系我们
    41. 

  41. </a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/yump-guide-v2/" class="nav-link">
    42. 

  42.   首页
    43. 

  43. </a></div><div class="nav-item"><a href="/yump-guide-v2/guide/" class="nav-link">
    44. 

  44.   教程
    45. 

  45. </a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="组件" class="dropdown-title"><span class="title">组件</span> <span class="arrow down"></span></button> <button type="button" aria-label="组件" class="mobile-dropdown-title"><span class="title">组件</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://vant-contrib.gitee.io/vant/v2/#/zh-CN/" target="_blank" rel="noopener noreferrer" class="nav-link external">
    46. 

  46.   基础组件
    47. 

  47.   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="/yump-guide-v2/components/" class="nav-link">
    48. 

  48.   业务组件
    49. 

  49. </a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="H5-API" class="dropdown-title"><span class="title">H5-API</span> <span class="arrow down"></span></button> <button type="button" aria-label="H5-API" class="mobile-dropdown-title"><span class="title">H5-API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/yump-guide-v2/api/" class="nav-link">
    50. 

  50.   API
    51. 

  51. </a></li><li class="dropdown-item"><!----> <a href="/yump-guide-v2/utils/app.html" class="nav-link">
    52. 

  52.   工具方法
    53. 

  53. </a></li></ul></div></div><div class="nav-item"><a href="/yump-guide-v2/sdk/" class="nav-link router-link-active">
    54. 

  54.   APP-SDK
    55. 

  55. </a></div><div class="nav-item"><a href="http://210.12.198.141:18080/yump-build/#/login?redirect=%2Fdashboard" target="_blank" rel="noopener noreferrer" class="nav-link external">
    56. 

  56.   云打包
    57. 

  57.   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="/yump-guide-v2/typical/" class="nav-link">
    58. 

  58.   典型场景
    59. 

  59. </a></div><div class="nav-item"><a href="/yump-guide-v2/nativepackaging/" class="nav-link">
    60. 

  60.   原生打包
    61. 

  61. </a></div><div class="nav-item"><a href="/yump-guide-v2/yuga/config.html" class="nav-link">
    62. 

  62.   埋点
    63. 

  63. </a></div><div class="nav-item"><a href="/yump-guide-v2/FAQ/" class="nav-link">
    64. 

  64.   常见问题
    65. 

  65. </a></div><div class="nav-item"><a href="/yump-guide-v2/contact-us/" class="nav-link">
    66. 

  66.   联系我们
    67. 

  67. </a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/yump-guide-v2/sdk/frequentlysdk.html" class="sidebar-link">常用</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/frequentlysdk.html#常用sdk" class="sidebar-link">常用sdk</a></li></ul></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>公共</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/errcode.html" class="sidebar-link">全局错误码</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/errcode.html#错误码枚举" class="sidebar-link">错误码枚举</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/errcode.html#码表" class="sidebar-link">码表</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/errcode.html#错误对象" class="sidebar-link">错误对象</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>网络</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/http.html" class="sidebar-link">发起请求</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/http.html#request" class="sidebar-link">request</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/http.html#docancel" class="sidebar-link">doCancel</a></li></ul></li><li><a href="/yump-guide-v2/sdk/downloader.html" class="sidebar-link">文件下载</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloader.html#createdownload" class="sidebar-link">createDownload</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloader.html#enumerate" class="sidebar-link">enumerate</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloader.html#clear" class="sidebar-link">clear</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloader.html#startall" class="sidebar-link">startAll</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloader.html#downloadtask" class="sidebar-link">DownloadTask</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloader.html#downloadstate" class="sidebar-link">DownloadState</a></li></ul></li><li><a href="/yump-guide-v2/sdk/uploader.html" class="sidebar-link">文件上传</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploader.html#createupload" class="sidebar-link">createUpload</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploader.html#enumerate" class="sidebar-link">enumerate</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploader.html#clear" class="sidebar-link">clear</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploader.html#startall" class="sidebar-link">startAll</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploader.html#uploadtask" class="sidebar-link">UploadTask</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploader.html#uploadstate" class="sidebar-link">UploadState</a></li></ul></li><li><a href="/yump-guide-v2/sdk/downloadfile.html" class="sidebar-link">文件下载便捷Api</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloadfile.html#download" class="sidebar-link">download</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloadfile.html#enumerate" class="sidebar-link">enumerate</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloadfile.html#clear" class="sidebar-link">clear</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloadfile.html#startall" class="sidebar-link">startAll</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloadfile.html#downloadtask" class="sidebar-link">DownloadTask</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloadfile.html#downloadstate" class="sidebar-link">DownloadState</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/downloadfile.html#startdownload" class="sidebar-link">startDownload</a></li></ul></li><li><a href="/yump-guide-v2/sdk/uploadfile.html" class="sidebar-link">文件上传便捷Api</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploadfile.html#upload" class="sidebar-link">upload</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploadfile.html#enumerate" class="sidebar-link">enumerate</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploadfile.html#clear" class="sidebar-link">clear</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploadfile.html#startall" class="sidebar-link">startAll</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploadfile.html#uploadtask" class="sidebar-link">UploadTask</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploadfile.html#uploadstate" class="sidebar-link">UploadState</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/uploadfile.html#startupload" class="sidebar-link">startUpload</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>其他</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/io.html" class="sidebar-link">文件管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#convertabsolutefilesystem" class="sidebar-link">convertAbsoluteFileSystem</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#convertlocalfilesystemurl" class="sidebar-link">convertLocalFileSystemURL</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#resolvelocalfilesystemurl" class="sidebar-link">resolveLocalFileSystemURL</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#pickfile" class="sidebar-link">pickFile</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#movetofileapp" class="sidebar-link">moveToFileApp</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#requestfilesystem" class="sidebar-link">requestFileSystem</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#meteringcacherange" class="sidebar-link">meteringCacheRange</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#cachessize" class="sidebar-link">cachesSize</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#cachesclear" class="sidebar-link">cachesClear</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#filesystem" class="sidebar-link">FileSystem</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#fileentry" class="sidebar-link">FileEntry</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/io.html#directoryentry" class="sidebar-link">DirectoryEntry</a></li></ul></li><li><a href="/yump-guide-v2/sdk/zip.html" class="sidebar-link">压缩解压</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/zip.html#compress" class="sidebar-link">compress</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/zip.html#decompress" class="sidebar-link">decompress</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/zip.html#compressimage" class="sidebar-link">compressImage</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>设备</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/device.html" class="sidebar-link">设备</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#getappversion" class="sidebar-link">getAppversion</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#checkgpsopen" class="sidebar-link">checkGpsOpen</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#geth5offpkgsversion" class="sidebar-link">getH5OffPkgsVersion</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#getorientation" class="sidebar-link">getOrientation</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#getsafeareainsets" class="sidebar-link">getSafeAreaInsets</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#getstatusbarheight" class="sidebar-link">getStatusbarHeight</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#getstatusbarstyle" class="sidebar-link">getStatusBarStyle</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#getsysteminfo" class="sidebar-link">getSystemInfo</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#getuuid" class="sidebar-link">getUUID</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#getwifiopenstatus" class="sidebar-link">getWifiOpenStatus</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#setbadgenumber" class="sidebar-link">setBadgeNumber</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#setstatusbarstyle" class="sidebar-link">setStatusBarStyle</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/device.html#getnavigationbarheight" class="sidebar-link">getNavigationbarHeight</a></li></ul></li><li><a href="/yump-guide-v2/sdk/screen.html" class="sidebar-link">屏幕</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/screen.html#setscreenbrightness" class="sidebar-link">setScreenBrightness</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/screen.html#getscreenbrightness" class="sidebar-link">getScreenBrightness</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/screen.html#setkeepscreenon" class="sidebar-link">setKeepScreenOn</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/screen.html#onusercapturescreen" class="sidebar-link">onUserCaptureScreen</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/screen.html#offusercapturescreen" class="sidebar-link">offUserCaptureScreen</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/screen.html#capture" class="sidebar-link">capture</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/screen.html#capturelongpic" class="sidebar-link">captureLongPic</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/screen.html#disablescreenshot" class="sidebar-link">disableScreenShot</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/screen.html#enablescreenshot" class="sidebar-link">enableScreenShot</a></li></ul></li><li><a href="/yump-guide-v2/sdk/barcode.html" class="sidebar-link">扫码</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/barcode.html#scan" class="sidebar-link">scan</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/barcode.html#createqrcodeimage" class="sidebar-link">createQRCodeImage</a></li></ul></li><li><a href="/yump-guide-v2/sdk/contacts.html" class="sidebar-link">通讯录</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/contacts.html#getaddressbook" class="sidebar-link">getAddressBook</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/contacts.html#pickaddressbook" class="sidebar-link">pickAddressBook</a></li></ul></li><li><a href="/yump-guide-v2/sdk/networkinfo.html" class="sidebar-link">网络状态</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/networkinfo.html#getcurrenttype" class="sidebar-link">getCurrentType</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/networkinfo.html#getipaddress" class="sidebar-link">getIpAddress</a></li></ul></li><li><a href="/yump-guide-v2/sdk/clipboard.html" class="sidebar-link">剪贴板</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/clipboard.html#setdata" class="sidebar-link">setData</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/clipboard.html#getdata" class="sidebar-link">getData</a></li></ul></li><li><a href="/yump-guide-v2/sdk/watermark.html" class="sidebar-link">水印</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/watermark.html#addwatermark" class="sidebar-link">addWaterMark</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/watermark.html#removewatermark" class="sidebar-link">removeWaterMark</a></li></ul></li><li><a href="/yump-guide-v2/sdk/calendar.html" class="sidebar-link">日历</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/calendar.html#createaccount" class="sidebar-link">createAccount</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/calendar.html#createalarm" class="sidebar-link">createAlarm</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>数据缓存</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/storage.html" class="sidebar-link">数据缓存</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/storage.html#setitem" class="sidebar-link">setItem</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/storage.html#getitem" class="sidebar-link">getItem</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/storage.html#removeitem" class="sidebar-link">removeItem</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/storage.html#clear" class="sidebar-link">clear</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/storage.html#setapdatastorage" class="sidebar-link">setAPDataStorage</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/storage.html#getapdatastorage" class="sidebar-link">getAPDataStorage</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/storage.html#removeapdatastorage" class="sidebar-link">removeAPDataStorage</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/storage.html#clearapdata" class="sidebar-link">clearApData</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>页面窗体</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/NativeUI.html" class="sidebar-link">页面窗体</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/NativeUI.html#actionsheet" class="sidebar-link">actionSheet</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/NativeUI.html#toast" class="sidebar-link">toast</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/NativeUI.html#showwaiting" class="sidebar-link">showWaiting</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/NativeUI.html#closewaiting" class="sidebar-link">closeWaiting</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>媒体</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/camera.html" class="sidebar-link">相机</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/camera.html#getcamera" class="sidebar-link">getCamera</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/camera.html#startvideocapture" class="sidebar-link">startVideoCapture</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/camera.html#captureimage" class="sidebar-link">captureImage</a></li></ul></li><li><a href="/yump-guide-v2/sdk/gallery.html" class="sidebar-link">相册</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gallery.html#previewimage" class="sidebar-link">previewImage</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gallery.html#save" class="sidebar-link">save</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gallery.html#pick" class="sidebar-link">pick</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gallery.html#imagebase64" class="sidebar-link">imageBase64</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gallery.html#picksingleimagewithedit" class="sidebar-link">pickSingleImageWithEdit</a></li></ul></li><li><a href="/yump-guide-v2/sdk/audio.html" class="sidebar-link">音频录制/播放</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/audio.html#createrecorder" class="sidebar-link">createRecorder</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/audio.html#getaudioinfo" class="sidebar-link">getAudioInfo</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/audio.html#createplayer" class="sidebar-link">createPlayer</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/audio.html#audiorecorder" class="sidebar-link">AudioRecorder</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/audio.html#audioplayer" class="sidebar-link">AudioPlayer</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/audio.html#recorderstate" class="sidebar-link">RecorderState</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/audio.html#playerstate" class="sidebar-link">PlayerState</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/audio.html#audiofragment" class="sidebar-link">AudioFragment</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>应用</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/runtime.html" class="sidebar-link">应用</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/runtime.html#opendoc" class="sidebar-link">openDoc</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/runtime.html#openfile" class="sidebar-link">openFile</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/runtime.html#openurl" class="sidebar-link">openURL</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/runtime.html#openweb" class="sidebar-link">openWeb</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/runtime.html#appfinish" class="sidebar-link">appFinish</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/runtime.html#getlauncherpram" class="sidebar-link">getLauncherPram</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/runtime.html#dial" class="sidebar-link">dial</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/runtime.html#existapp" class="sidebar-link">existApp</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/runtime.html#sendsms" class="sidebar-link">sendSMS</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>第三方服务</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/push.html" class="sidebar-link">推送</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/push.html#createmessage" class="sidebar-link">createMessage</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/push.html#getallmessage" class="sidebar-link">getAllMessage</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/push.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/push.html#clear" class="sidebar-link">clear</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/push.html#getclientinfo" class="sidebar-link">getClientInfo</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/push.html#setautonotification" class="sidebar-link">setAutoNotification</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/push.html#deletealias" class="sidebar-link">deleteAlias</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/push.html#setalias" class="sidebar-link">setAlias</a></li></ul></li><li><a href="/yump-guide-v2/sdk/share.html" class="sidebar-link">分享</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/share.html#getshareservices" class="sidebar-link">getShareServices</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/share.html#sendwithsystem" class="sidebar-link">sendwithsystem</a></li></ul></li><li><a href="/yump-guide-v2/sdk/location.html" class="sidebar-link">位置</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/location.html#getcurrentposition" class="sidebar-link">getCurrentPosition</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/location.html#checkgpsopen" class="sidebar-link">checkGpsOpen</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/location.html#watchposition" class="sidebar-link">watchPosition</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/location.html#clearwatch" class="sidebar-link">clearWatch</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/location.html#clearwatchall" class="sidebar-link">clearWatchall</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/location.html#openmap" class="sidebar-link">openMap</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/location.html#navigate" class="sidebar-link">navigate</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/location.html#getlocation" class="sidebar-link">getLocation</a></li></ul></li><li><a href="/yump-guide-v2/sdk/face.html" class="sidebar-link">人脸活体/二代证</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/face.html#face-2" class="sidebar-link">face</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/face.html#facewitheyecool" class="sidebar-link">facewitheyecool</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/face.html#idcard" class="sidebar-link">idCard</a></li></ul></li><li><a href="/yump-guide-v2/sdk/ocr.html" class="sidebar-link">OCR</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/ocr.html#getocrservices" class="sidebar-link">getOcrServices</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/ocr.html#startocr" class="sidebar-link">startOcr</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/ocr.html#startocrwithhehe" class="sidebar-link">startocrwithhehe</a></li></ul></li><li><a href="/yump-guide-v2/sdk/voice.html" class="sidebar-link">语音合成</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/voice.html#speaking" class="sidebar-link">speaking</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>键盘</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/pwdkey.html" class="sidebar-link">安全键盘</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/pwdkey.html#show" class="sidebar-link">show</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/pwdkey.html#hide" class="sidebar-link">hide</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/pwdkey.html#showkeyboard" class="sidebar-link">showkeyboard</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/pwdkey.html#hidekeyboard" class="sidebar-link">hidekeyboard</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/pwdkey.html#comparepwdforcfca" class="sidebar-link">comparepwdforcfca</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/pwdkey.html#destroypwdforcfca" class="sidebar-link">destroypwdforcfca</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/pwdkey.html#isshowpwdforcfca" class="sidebar-link">isshowpwdforcfca</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/pwdkey.html#clearpwdforcfca" class="sidebar-link">clearpwdforcfca</a></li></ul></li><li><a href="/yump-guide-v2/sdk/key.html" class="sidebar-link">键盘</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/key.html#showsoftkeybord" class="sidebar-link">showSoftKeybord</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/key.html#hidesoftkeybord" class="sidebar-link">hideSoftKeybord</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/key.html#onkeyboardheightchange" class="sidebar-link">onKeyboardHeightChange</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/key.html#offkeyboardheightchange" class="sidebar-link">offKeyboardHeightChange</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>加解密</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/encrypt.html" class="sidebar-link">加解密</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/encrypt.html#aes" class="sidebar-link">aes</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/encrypt.html#rsa" class="sidebar-link">rsa</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/encrypt.html#md5" class="sidebar-link">md5</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>指纹识别验证</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/touchId.html" class="sidebar-link">指纹识别验证</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/touchId.html#fingerprintverification" class="sidebar-link">fingerPrintVerification</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/touchId.html#devicebiometrics" class="sidebar-link">deviceBiometrics</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/touchId.html#updatetouchid" class="sidebar-link">updateTouchId</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Webview</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/webview.html" aria-current="page" class="active sidebar-link">Webview</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#创建webview" class="sidebar-link">创建webview</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#创建并显示webview" class="sidebar-link">创建并显示webview</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#显示webview" class="sidebar-link">显示webview</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#推入新的webview" class="sidebar-link">推入新的webview</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#关闭webview" class="sidebar-link">关闭webview</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#重新加载当前页面" class="sidebar-link">重新加载当前页面</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#根据id获取webview对象" class="sidebar-link">根据id获取webview对象</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#获取所有webview对象" class="sidebar-link">获取所有webview对象</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#关闭当前webview" class="sidebar-link">关闭当前webview</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#获取当前webview对象" class="sidebar-link">获取当前webview对象</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#页面通讯" class="sidebar-link">页面通讯</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#触发事件" class="sidebar-link">触发事件</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#注册事件监听" class="sidebar-link">注册事件监听</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#移除事件监听" class="sidebar-link">移除事件监听</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#打开容器" class="sidebar-link">打开容器</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#退出-关闭容器" class="sidebar-link">退出/关闭容器</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#退出到根容器" class="sidebar-link">退出到根容器</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#返回到指定的tab容器" class="sidebar-link">返回到指定的Tab容器</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#获取导航栏容器栈信息" class="sidebar-link">获取导航栏容器栈信息</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#获取容器启动参数" class="sidebar-link">获取容器启动参数</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#开启导航栏返回按钮拦截" class="sidebar-link">开启导航栏返回按钮拦截</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#释放导航栏返回按钮拦截" class="sidebar-link">释放导航栏返回按钮拦截</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#设置导航栏标题" class="sidebar-link">设置导航栏标题</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#设置导航栏背景颜色" class="sidebar-link">设置导航栏背景颜色</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#设置导航栏底部线条颜色" class="sidebar-link">设置导航栏底部线条颜色</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#显示或隐藏导航栏" class="sidebar-link">显示或隐藏导航栏</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#设置导航栏右上角按钮" class="sidebar-link">设置导航栏右上角按钮</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#隐藏导航栏右上角按钮" class="sidebar-link">隐藏导航栏右上角按钮</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#显示导航栏右上角按钮" class="sidebar-link">显示导航栏右上角按钮</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#设置右上角按钮badge" class="sidebar-link">设置右上角按钮badge</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/webview.html#显示浮动按钮" class="sidebar-link">显示浮动按钮</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>事件监听</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/events.html" class="sidebar-link">事件监听</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/events.html#addeventlistener" class="sidebar-link">addEventListener</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/events.html#removeeventlistener" class="sidebar-link">removeEventListener</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/events.html#appenterbackground" class="sidebar-link">APPEnterBackground</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/events.html#appenterforeground" class="sidebar-link">APPEnterForeground</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>手势</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/gesture.html" class="sidebar-link">手势管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gesture.html#删除当前用户的手势信息" class="sidebar-link">删除当前用户的手势信息</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gesture.html#打开手势页面" class="sidebar-link">打开手势页面</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gesture.html#获取当前用户手势信息" class="sidebar-link">获取当前用户手势信息</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gesture.html#重置当前用户手势输入错误次数" class="sidebar-link">重置当前用户手势输入错误次数</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gesture.html#关闭手势页面" class="sidebar-link">关闭手势页面</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/gesture.html#使用说明" class="sidebar-link">使用说明</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>多语言</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/language.html" class="sidebar-link">多语言</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/language.html#setapplanguage" class="sidebar-link">setAppLanguage</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/language.html#getapplanguage" class="sidebar-link">getAppLanguage</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/language.html#getsupportlanguagelist" class="sidebar-link">getSupportLanguageList</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>原生路由</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/arouter.html" class="sidebar-link">原生路由</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/arouter.html#selecttab" class="sidebar-link">selectTab</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/arouter.html#opennativepage" class="sidebar-link">openNativePage</a></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>数据同步</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/sdk/dataSync.html" class="sidebar-link">数据同步</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/dataSync.html#initsyncservice" class="sidebar-link">initSyncService</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/dataSync.html#syncserviceconnectstatus" class="sidebar-link">syncServiceConnectStatus</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/dataSync.html#getsyncdeviceid" class="sidebar-link">getSyncDeviceId</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/dataSync.html#registersyncbusinesswithname" class="sidebar-link">registerSyncBusinessWithName</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/dataSync.html#unregistersyncbusinesswithname" class="sidebar-link">unRegisterSyncBusinessWithName</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/dataSync.html#binduserwithsessionid" class="sidebar-link">bindUserWithSessionId</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/sdk/dataSync.html#unbinduser" class="sidebar-link">unBindUser</a></li></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="webview"><a href="#webview" class="header-anchor">#</a> Webview</h1> <ul><li><p>方法</p> <ul><li><a href="#%E5%88%9B%E5%BB%BAwebview">创建Webview</a> create</li> <li><a href="#%E5%88%9B%E5%BB%BA%E5%B9%B6%E6%98%BE%E7%A4%BAwebview">创建并显示Webview</a> open</li> <li><a href="#%E6%98%BE%E7%A4%BAwebview">显示Webview</a> show</li> <li><a href="#%E6%8E%A8%E5%85%A5%E6%96%B0%E7%9A%84webview">推入新的webview</a> pushNewWeb</li> <li><a href="#%E5%85%B3%E9%97%ADwebview">关闭webview</a> close</li> <li><a href="#%E9%87%8D%E6%96%B0%E5%8A%A0%E8%BD%BD%E9%A1%B5%E9%9D%A2">重新加载页面</a> reload</li> <li><a href="#%E6%A0%B9%E6%8D%AEid%E8%8E%B7%E5%8F%96webview%E5%AF%B9%E8%B1%A1">根据id获取webview对象</a> getWebviewById</li> <li><a href="#%E8%8E%B7%E5%8F%96%E6%89%80%E6%9C%89webview%E5%AF%B9%E8%B1%A1">获取所有webview对象</a> all</li> <li><a href="#%E5%85%B3%E9%97%AD%E5%BD%93%E5%89%8Dwebview">关闭当前webview</a> closeSelf</li> <li><a href="#%E8%8E%B7%E5%8F%96%E5%BD%93%E5%89%8Dwebview%E5%AF%B9%E8%B1%A1">获取当前webview对象</a> currentWebview</li> <li><a href="#%E9%A1%B5%E9%9D%A2%E9%80%9A%E8%AE%AF">页面通讯</a> 页面通讯</li> <li><a href="#%E8%A7%A6%E5%8F%91%E4%BA%8B%E4%BB%B6">触发事件</a> emit</li> <li><a href="#%E6%B3%A8%E5%86%8C%E4%BA%8B%E4%BB%B6%E7%9B%91%E5%90%AC">注册事件监听</a> on</li> <li><a href="#%E7%A7%BB%E9%99%A4%E4%BA%8B%E4%BB%B6%E7%9B%91%E5%90%AC">移除事件监听</a> off</li> <li><a href="#%E6%89%93%E5%BC%80%E5%AE%B9%E5%99%A8">打开容器</a> pushWindow</li> <li><a href="#%E9%80%80%E5%87%BA/%E5%85%B3%E9%97%AD%E5%AE%B9%E5%99%A8">退出/关闭容器</a> pop</li> <li><a href="#%E9%80%80%E5%87%BA%E5%88%B0%E6%A0%B9%E5%AE%B9%E5%99%A8">退出到根容器</a> popToRoot</li> <li><a href="#%E8%BF%94%E5%9B%9E%E5%88%B0%E6%8C%87%E5%AE%9A%E7%9A%84Tab%E5%AE%B9%E5%99%A8">返回到指定的Tab容器</a> switchTo</li> <li><a href="#%E8%8E%B7%E5%8F%96%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%AE%B9%E5%99%A8%E6%A0%88%E4%BF%A1%E6%81%AF">获取导航栏容器栈信息</a> getStacks</li> <li><a href="#%E8%8E%B7%E5%8F%96%E5%AE%B9%E5%99%A8%E5%90%AF%E5%8A%A8%E5%8F%82%E6%95%B0">获取容器启动参数</a> pageExtra</li> <li><a href="#%E5%BC%80%E5%90%AF%E5%AF%BC%E8%88%AA%E6%A0%8F%E8%BF%94%E5%9B%9E%E6%8C%89%E9%92%AE%E6%8B%A6%E6%88%AA">开启导航栏返回按钮拦截</a> interceptBackEvent</li> <li><a href="#%E9%87%8A%E6%94%BE%E5%AF%BC%E8%88%AA%E6%A0%8F%E8%BF%94%E5%9B%9E%E6%8C%89%E9%92%AE%E6%8B%A6%E6%88%AA">释放导航栏返回按钮拦截</a> releaseInterceptBackEvent</li> <li><a href="#%E8%AE%BE%E7%BD%AE%E5%AF%BC%E8%88%AA%E6%A0%8F%E6%A0%87%E9%A2%98">设置导航栏标题</a> setTitle</li> <li><a href="#%E8%AE%BE%E7%BD%AE%E5%AF%BC%E8%88%AA%E6%A0%8F%E8%83%8C%E6%99%AF%E9%A2%9C%E8%89%B2">设置导航栏背景颜色</a> setTitleBarColor</li> <li><a href="#%E8%AE%BE%E7%BD%AE%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%BA%95%E9%83%A8%E7%BA%BF%E6%9D%A1%E9%A2%9C%E8%89%B2">设置导航栏底部线条颜色</a> setBarBottomLineColor</li> <li><a href="#%E6%98%BE%E7%A4%BA%E6%88%96%E9%9A%90%E8%97%8F%E5%AF%BC%E8%88%AA%E6%A0%8F">显示或隐藏导航栏</a> setTitleVisible</li> <li><a href="#%E8%AE%BE%E7%BD%AE%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%8F%B3%E4%B8%8A%E8%A7%92%E6%8C%89%E9%92%AE">设置导航栏右上角按钮</a> setOptionMenu</li> <li><a href="#%E9%9A%90%E8%97%8F%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%8F%B3%E4%B8%8A%E8%A7%92%E6%8C%89%E9%92%AE">隐藏导航栏右上角按钮</a> hideOptionMenu</li> <li><a href="#%E6%98%BE%E7%A4%BA%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%8F%B3%E4%B8%8A%E8%A7%92%E6%8C%89%E9%92%AE">显示导航栏右上角按钮</a> showOptionMenu</li> <li><a href="#%E8%AE%BE%E7%BD%AE%E5%8F%B3%E4%B8%8A%E8%A7%92%E6%8C%89%E9%92%AEbadge">设置右上角按钮badge</a> setMenuBadge</li> <li><a href="#%E6%98%BE%E7%A4%BA%E6%B5%AE%E5%8A%A8%E6%8C%89%E9%92%AE">显示浮动按钮</a> showFloatMenu</li></ul></li></ul> <h2 id="创建webview"><a href="#创建webview" class="header-anchor">#</a> 创建webview</h2> <p>api名:create,创建Webview</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview链接和id,以及样式</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>参数data说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">url</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview地址</td></tr> <tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webviewid</td></tr> <tr><td style="text-align:left;">style</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">样式, 详见下表</td></tr></tbody></table></li> <li><p><strong>参数data说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">height</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview高度</td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview宽度</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    68. 

  68.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    69. 

  69.     <span class="token literal-property property">url</span><span class="token operator">:</span> <span class="token string">'https://www.baidu.com/'</span><span class="token punctuation">,</span>
    70. 

  70.     <span class="token literal-property property">id_wvobj</span><span class="token operator">:</span> <span class="token string">'id111'</span><span class="token punctuation">,</span>
    71. 

  71.     <span class="token literal-property property">style</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    72. 

  72.         <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token number">200</span><span class="token punctuation">,</span>
    73. 

  73.         <span class="token literal-property property">height</span><span class="token operator">:</span> <span class="token number">200</span>
    74. 

  74.     <span class="token punctuation">}</span>
    75. 

  75. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    76. 

  76.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/create===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    77. 

  77. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    78. 

  78. 

  79. </code></pre></div><h2 id="创建并显示webview"><a href="#创建并显示webview" class="header-anchor">#</a> 创建并显示webview</h2> <p>api名:open,创建并显示 Webview</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview链接和id,以及样式</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>参数data说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">url</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview地址</td></tr> <tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webviewid</td></tr> <tr><td style="text-align:left;">style</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">样式, 详见下表</td></tr></tbody></table></li> <li><p><strong>参数data说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">height</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview高度</td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview宽度</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p><strong>返回payload参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">返回webviewid</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    80. 

  80.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">open</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    81. 

  81.     <span class="token string-property property">'url'</span><span class="token operator">:</span> <span class="token string">'https://www.baidu.com/'</span><span class="token punctuation">,</span>
    82. 

  82.     <span class="token string-property property">'id_wvobj'</span><span class="token operator">:</span> <span class="token string">'id111'</span><span class="token punctuation">,</span>
    83. 

  83.     <span class="token string-property property">'style'</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    84. 

  84.         <span class="token string-property property">'width'</span><span class="token operator">:</span> <span class="token string">'200'</span><span class="token punctuation">,</span>
    85. 

  85.         <span class="token string-property property">'height'</span><span class="token operator">:</span> <span class="token string">'200'</span>
    86. 

  86.     <span class="token punctuation">}</span>
    87. 

  87. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    88. 

  88.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/open===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    89. 

  89. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    90. 

  90. 

  91. </code></pre></div><h2 id="显示webview"><a href="#显示webview" class="header-anchor">#</a> 显示webview</h2> <p>api名:show,显示Webview</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview链接和id,以及样式</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>参数data说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webviewid</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    92. 

  92. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">show</span><span class="token punctuation">(</span><span class="token string">'id111'</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    93. 

  93.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/index.vue1===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    94. 

  94. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    95. 

  95. 

  96. </code></pre></div><h2 id="推入新的webview"><a href="#推入新的webview" class="header-anchor">#</a> 推入新的webview</h2> <p>api名:pushNewWeb,push新的webview</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">×</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">url地址和转场动画</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>参数data说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">url</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">新webview 链接地址</td></tr> <tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webviewid</td></tr> <tr><td style="text-align:left;">animation</td> <td style="text-align:left;">YXTransitionType</td> <td style="text-align:left;">否</td> <td style="text-align:left;">动画类型</td></tr></tbody></table></li> <li><p><strong>参数YXTransitionType说明</strong></p> <ul><li>1： 淡入淡出</li> <li>2： 推进效果(android 左进入右出)</li> <li>3： 揭开效果(android 右进入左出)</li> <li>4： 慢慢进入并覆盖效果(Android 放大缩小)</li></ul></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    97. 

  97. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">pushNewWeb</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token literal-property property">url</span><span class="token operator">:</span> <span class="token string">'https://www.baidu.com/'</span><span class="token punctuation">,</span><span class="token literal-property property">id</span><span class="token operator">:</span><span class="token string">'id111'</span><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    98. 

  98.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/pushNewWeb===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    99. 

  99. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    100. 

  100. 

  101. </code></pre></div><h2 id="关闭webview"><a href="#关闭webview" class="header-anchor">#</a> 关闭webview</h2> <p>api名:close,关闭webview</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">url地址和转场动画</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>参数data说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview id</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    102. 

  102. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">close</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>wvid<span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    103. 

  103.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/close===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    104. 

  104. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    105. 

  105. 

  106. </code></pre></div><h2 id="重新加载当前页面"><a href="#重新加载当前页面" class="header-anchor">#</a> 重新加载当前页面</h2> <p>api名:reload</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    107. 

  107. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">reload</span><span class="token punctuation">(</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    108. 

  108.     foxsdk<span class="token punctuation">.</span>logger<span class="token punctuation">.</span><span class="token function">info</span><span class="token punctuation">(</span><span class="token string">'webview/reload===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    109. 

  109. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    110. 

  110. 

  111. </code></pre></div><h2 id="根据id获取webview对象"><a href="#根据id获取webview对象" class="header-anchor">#</a> 根据id获取webview对象</h2> <p>api:getWebviewById</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview的id</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p><strong>返回payload即为一个webviewObj</strong></p></li> <li><p><strong>webviewObj说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">url</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview入口地址</td></tr> <tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webviewid</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    112. 

  112. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">getWebviewById</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token literal-property property">id_wvobj</span><span class="token operator">:</span><span class="token string">&quot;id111&quot;</span><span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    113. 

  113.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/id_wvobj===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    114. 

  114. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    115. 

  115. 

  116. </code></pre></div><h2 id="获取所有webview对象"><a href="#获取所有webview对象" class="header-anchor">#</a> 获取所有webview对象</h2> <p>api名:all</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p><strong>返回payload参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">webs</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">webviewObj数组</td></tr></tbody></table></li> <li><p><strong>webviewObj说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">url</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview入口地址</td></tr> <tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webviewid</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    117. 

  117. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">all</span><span class="token punctuation">(</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    118. 

  118.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/all===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    119. 

  119. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    120. 

  120. 

  121. </code></pre></div><h2 id="关闭当前webview"><a href="#关闭当前webview" class="header-anchor">#</a> 关闭当前webview</h2> <p>api名:closeSelf,关闭当前webview，即关闭调用该方法的js所在页面所属的webview。</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    122. 

  122. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">closeSelf</span><span class="token punctuation">(</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    123. 

  123.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/closeSelf===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    124. 

  124. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    125. 

  125. 

  126. </code></pre></div><h2 id="获取当前webview对象"><a href="#获取当前webview对象" class="header-anchor">#</a> 获取当前webview对象</h2> <p>api名: currentWebview,获取当前包含调用该js-api的页面的webview对象</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p><strong>payload数据说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">url</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webview入口地址</td></tr> <tr><td style="text-align:left;">id_wvobj</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">webviewid</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    127. 

  127. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">currentWebview</span><span class="token punctuation">(</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    128. 

  128.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/currentWebview===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    129. 

  129. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    130. 

  130. 

  131. </code></pre></div><h2 id="页面通讯"><a href="#页面通讯" class="header-anchor">#</a> 页面通讯</h2> <h2 id="触发事件"><a href="#触发事件" class="header-anchor">#</a> 触发事件</h2> <p>api名:emit,触发全局的自定义事件。附加参数都会传给监听器回调。</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">eventName</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">事件名</td></tr> <tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">触发事件携带的附加参数</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    132. 

  132.   <span class="token keyword">let</span> eventName <span class="token operator">=</span> <span class="token string">'updateShoppingCart'</span><span class="token punctuation">;</span>
    133. 

  133.   <span class="token keyword">let</span> data <span class="token operator">=</span> <span class="token punctuation">{</span>
    134. 

  134.     <span class="token literal-property property">ItemCount</span><span class="token operator">:</span> <span class="token number">3</span>
    135. 

  135.   <span class="token punctuation">}</span><span class="token punctuation">;</span>
    136. 

  136. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">emit</span><span class="token punctuation">(</span>eventName<span class="token punctuation">,</span>data<span class="token punctuation">,</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    137. 

  137.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/emit===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    138. 

  138. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    139. 

  139. 

  140. </code></pre></div><h2 id="注册事件监听"><a href="#注册事件监听" class="header-anchor">#</a> 注册事件监听</h2> <p>api名:on,监听全局的自定义事件。事件可以由<a href="#emit">foxsdk.webview.emit</a>触发，回调函数会接收所有传入事件触发函数的额外参数。</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">eventName</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">事件名</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">是</td> <td style="text-align:left;">注册事件发生时的回调函数</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    141. 

  141.   <span class="token keyword">let</span> eventName <span class="token operator">=</span> <span class="token string">'updateShoppingCart'</span><span class="token punctuation">;</span>
    142. 

  142. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span>eventName<span class="token punctuation">,</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    143. 

  143.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/on===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    144. 

  144. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    145. 

  145. 

  146. </code></pre></div><h2 id="移除事件监听"><a href="#移除事件监听" class="header-anchor">#</a> 移除事件监听</h2> <p>api名:off,移除全局自定义事件监听器。</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">eventName</td> <td style="text-align:left;">String</td> <td style="text-align:left;">是</td> <td style="text-align:left;">事件名</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">要注销的回调函数,如传则需要和on的回调函数一致才能正确移除</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li></ul> <p>注意事项
    147. 

  147. 移除事件名无论是否注册，都会返回 0成功</p> <ul><li><p><strong>如果同时提供了事件与回调，则只移除这个回调的监听器;</strong></p></li> <li><p><strong>提供的回调必须跟on的回调为同一个才能移除这个回调的监听器；</strong></p></li> <li><p><strong>如果只提供了事件，则移除该事件所有的监听器；</strong></p></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    148. 

  148.   <span class="token keyword">let</span> eventName <span class="token operator">=</span> <span class="token string">'updateShoppingCart'</span><span class="token punctuation">;</span>
    149. 

  149. foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">off</span><span class="token punctuation">(</span>eventName<span class="token punctuation">,</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    150. 

  150.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'webview/off===status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    151. 

  151. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    152. 

  152. </code></pre></div><h2 id="打开容器"><a href="#打开容器" class="header-anchor">#</a> 打开容器</h2> <p>api名:pushWindow 打开一个webview容器</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>data参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">url</td> <td style="text-align:left;">string</td> <td style="text-align:left;">是</td> <td style="text-align:left;">离线包或在线h5地址</td></tr> <tr><td style="text-align:left;">param</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">容器导航栏样式参数</td></tr> <tr><td style="text-align:left;">pageExtra</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">具体业务参数</td></tr></tbody></table></li> <li><p><strong>param参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">defaultTitle</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">导航栏标题</td></tr> <tr><td style="text-align:left;">titleBarColor</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">导航栏背景色 #ff0000</td></tr> <tr><td style="text-align:left;">titleColor</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">导航栏文字颜色  #0000ff</td></tr> <tr><td style="text-align:left;">transparentTitle</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">导航栏样式： always：永远显示，auto滑动显示，none不显示</td></tr> <tr><td style="text-align:left;">showsContainerTitle</td> <td style="text-align:left;">bool</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">是否展示页面标题</td></tr> <tr><td style="text-align:left;">closeCurrentWindow</td> <td style="text-align:left;">bool</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">是否从容器栈中移除当前容器</td></tr></tbody></table> <ul><li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  {}</td></tr></tbody></table></li></ul></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    153. 

  153.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">pushWindow</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    154. 

  154.     <span class="token literal-property property">url</span><span class="token operator">:</span> <span class="token string">'https://www.baidu.com/'</span><span class="token punctuation">,</span>
    155. 

  155.     <span class="token literal-property property">param</span><span class="token operator">:</span> <span class="token punctuation">{</span><span class="token string-property property">'defaultTitle'</span><span class="token operator">:</span><span class="token string">'理财'</span><span class="token punctuation">,</span><span class="token string-property property">'titleBarColor'</span><span class="token operator">:</span><span class="token string">'#ff00000'</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
    156. 

  156.     <span class="token literal-property property">pageExtra</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    157. 

  157.         <span class="token literal-property property">login_id</span><span class="token operator">:</span> <span class="token number">200</span>
    158. 

  158.       <span class="token punctuation">}</span>
    159. 

  159. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    160. 

  160. 

  161. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    162. 

  162. 

  163. </code></pre></div><h2 id="退出-关闭容器"><a href="#退出-关闭容器" class="header-anchor">#</a> 退出/关闭容器</h2> <p>api名:pop 退出关闭当前容器，并指定回到导航栏栈新的top容器，或者关闭当前后回到指定的容器</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>data参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">backCount</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">0,-1退出当前容器，-2后退2次，-3后退3次.....</td></tr> <tr><td style="text-align:left;">backBehavior</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">'pop'表示当前webview canGoback时，不用goback直接关闭页面，其他情况，若能goback，则goback，不能goback，直接关闭页面</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    164. 

  164.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">pop</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    165. 

  165.     <span class="token literal-property property">backCount</span><span class="token operator">:</span> <span class="token string">'-1'</span>
    166. 

  166. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    167. 

  167. 

  168. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    169. 

  169. 

  170. </code></pre></div><h2 id="退出到根容器"><a href="#退出到根容器" class="header-anchor">#</a> 退出到根容器</h2> <p>api名:popToRoot</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">√</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象 传{}</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    171. 

  171.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">popToRoot</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    172. 

  172.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    173. 

  173. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    174. 

  174. 

  175. </code></pre></div><h2 id="返回到指定的tab容器"><a href="#返回到指定的tab容器" class="header-anchor">#</a> 返回到指定的Tab容器</h2> <p>api名:switchTo</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">×</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>data参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">index</td> <td style="text-align:left;">string</td> <td style="text-align:left;">是</td> <td style="text-align:left;">0：tab第一个页面，1:tab第二个页面</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    176. 

  176.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">switchTo</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    177. 

  177.     <span class="token literal-property property">index</span><span class="token operator">:</span> <span class="token string">'0'</span><span class="token punctuation">,</span>
    178. 

  178. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    179. 

  179.       console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    180. 

  180. 

  181. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    182. 

  182. 

  183. </code></pre></div><h2 id="获取导航栏容器栈信息"><a href="#获取导航栏容器栈信息" class="header-anchor">#</a> 获取导航栏容器栈信息</h2> <p>api名:getStacks</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    184. 

  184. |:----|:----------| :---------- |
    185. 

  185. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象 {}</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p><strong>返回payload参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">containerStack</td> <td style="text-align:left;">Array[ContainerObj]</td> <td style="text-align:left;">容器对象数组</td></tr></tbody></table></li> <li><p><strong>返回ContainerObj参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">url</td> <td style="text-align:left;">string</td> <td style="text-align:left;">为h5容器时，当前加载的地址</td></tr> <tr><td style="text-align:left;">index</td> <td style="text-align:left;">string</td> <td style="text-align:left;">处于导航栏栈的位置</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    186. 

  186.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">getStacks</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    187. 

  187.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    188. 

  188. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    189. 

  189. 

  190. </code></pre></div><h2 id="获取容器启动参数"><a href="#获取容器启动参数" class="header-anchor">#</a> 获取容器启动参数</h2> <p>api名:pageExtra</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    191. 

  191. |:----|:----------| :---------- |
    192. 

  192. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象 {}</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  无固定key-value值，pushWindow时传入参数</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    193. 

  193.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">pageExtra</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    194. 

  194. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    195. 

  195.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    196. 

  196. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    197. 

  197. 

  198. </code></pre></div><h2 id="开启导航栏返回按钮拦截"><a href="#开启导航栏返回按钮拦截" class="header-anchor">#</a> 开启导航栏返回按钮拦截</h2> <p>api名:interceptBackEvent</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    199. 

  199. |:----|:----------| :---------- |
    200. 

  200. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">否</td> <td style="text-align:left;">api参数对象 {}</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    201. 

  201.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">interceptBackEvent</span><span class="token punctuation">(</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    202. 

  202.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    203. 

  203. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    204. 

  204. 

  205. </code></pre></div><h2 id="释放导航栏返回按钮拦截"><a href="#释放导航栏返回按钮拦截" class="header-anchor">#</a> 释放导航栏返回按钮拦截</h2> <p>api名:releaseInterceptBackEvent</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    206. 

  206. |:----|:----------| :---------- |
    207. 

  207. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象 {}</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    208. 

  208.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">releaseInterceptBackEvent</span><span class="token punctuation">(</span><span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    209. 

  209.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    210. 

  210. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    211. 

  211. 

  212. </code></pre></div><h2 id="设置导航栏标题"><a href="#设置导航栏标题" class="header-anchor">#</a> 设置导航栏标题</h2> <p>api名:setTitle</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    213. 

  213. |:----|:----------| :---------- |
    214. 

  214. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>data参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">title</td> <td style="text-align:left;">string</td> <td style="text-align:left;">是</td> <td style="text-align:left;">标题文字</td></tr> <tr><td style="text-align:left;">titleColor</td> <td style="text-align:left;">string</td> <td style="text-align:left;">否</td> <td style="text-align:left;">标题文字颜色 16进制颜色，如#ff0000</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果 {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    215. 

  215.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">setTitle</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    216. 

  216.     <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'登陆'</span><span class="token punctuation">,</span>
    217. 

  217.     <span class="token literal-property property">titleColor</span><span class="token operator">:</span><span class="token string">'#ff0000'</span>
    218. 

  218. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    219. 

  219.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    220. 

  220. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    221. 

  221. 

  222. </code></pre></div><h2 id="设置导航栏背景颜色"><a href="#设置导航栏背景颜色" class="header-anchor">#</a> 设置导航栏背景颜色</h2> <p>api名:setTitleBarColor</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    223. 

  223. |:----|:----------| :---------- |
    224. 

  224. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>data参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">titleBarColor</td> <td style="text-align:left;">string</td> <td style="text-align:left;">是</td> <td style="text-align:left;">标题文字颜色 16进制颜色，如#ff0000</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果 {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    225. 

  225.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">setTitleBarColor</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    226. 

  226.     <span class="token literal-property property">titleBarColor</span><span class="token operator">:</span><span class="token string">'#ff0000'</span>
    227. 

  227. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    228. 

  228.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    229. 

  229. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    230. 

  230. 

  231. </code></pre></div><h2 id="设置导航栏底部线条颜色"><a href="#设置导航栏底部线条颜色" class="header-anchor">#</a> 设置导航栏底部线条颜色</h2> <p>api名:setBarBottomLineColor</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    232. 

  232. |:----|:----------| :---------- |
    233. 

  233. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>data参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">color</td> <td style="text-align:left;">string</td> <td style="text-align:left;">是</td> <td style="text-align:left;">标题文字颜色 16进制颜色，如#ff0000</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果 {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    234. 

  234.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">setBarBottomLineColor</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    235. 

  235.     <span class="token literal-property property">color</span><span class="token operator">:</span><span class="token string">'#ff0000'</span>
    236. 

  236. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    237. 

  237.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    238. 

  238. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    239. 

  239. 

  240. </code></pre></div><h2 id="显示或隐藏导航栏"><a href="#显示或隐藏导航栏" class="header-anchor">#</a> 显示或隐藏导航栏</h2> <p>api名:setTitleVisible</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    241. 

  241. |:----|:----------| :---------- |
    242. 

  242. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>data参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">visible</td> <td style="text-align:left;">string</td> <td style="text-align:left;">是</td> <td style="text-align:left;">1显示，其他隐藏</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果 {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    243. 

  243.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">setTitleVisible</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    244. 

  244.     <span class="token literal-property property">visible</span><span class="token operator">:</span><span class="token string">'1'</span>
    245. 

  245. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    246. 

  246.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    247. 

  247. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    248. 

  248. 

  249. </code></pre></div><h2 id="设置导航栏右上角按钮"><a href="#设置导航栏右上角按钮" class="header-anchor">#</a> 设置导航栏右上角按钮</h2> <p>api名:setOptionMenu</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    250. 

  250. |:----|:----------| :---------- |
    251. 

  251. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象[MenuObject]</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>MenuObject参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">title</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">按钮文字</td></tr> <tr><td style="text-align:left;">menu</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">按钮图片，支持本地内置和在线icon，内置icon: card ,clear,coupon,filter,home,message,more,plus,property,query,search,service,setting,shareing,version_change,   使用时 使用 icon_颜色， 例如显示黑色的更多按钮则icon为 more_black</td></tr> <tr><td style="text-align:left;">accessibilityLabel</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">按钮旁白文字，盲人使用时会读出该按钮的功能</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    252. 

  252.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">setOptionMenu</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    253. 

  253.     <span class="token literal-property property">menu</span><span class="token operator">:</span><span class="token punctuation">[</span><span class="token punctuation">{</span><span class="token string-property property">'title'</span><span class="token operator">:</span><span class="token string">'更多'</span><span class="token punctuation">,</span><span class="token string-property property">'icon'</span><span class="token operator">:</span><span class="token string">'more_blak'</span><span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">{</span><span class="token string-property property">'title'</span><span class="token operator">:</span><span class="token string">'消息'</span><span class="token punctuation">,</span><span class="token string-property property">'icon'</span><span class="token operator">:</span><span class="token string">'messge_black'</span><span class="token punctuation">}</span><span class="token punctuation">]</span>
    254. 

  254.    
    255. 

  255. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    256. 

  256.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    257. 

  257. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    258. 

  258. 

  259. 

  260. </code></pre></div><h2 id="隐藏导航栏右上角按钮"><a href="#隐藏导航栏右上角按钮" class="header-anchor">#</a> 隐藏导航栏右上角按钮</h2> <p>api名:hideOptionMenu</p> <ul><li><p><strong>支持平台</strong></p> <p>| Android     | IOS | HarmonyOS |
    261. 

  261. |:----|:----------| :---------- |
    262. 

  262. | √           | √   | ×         |</p></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象{}</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    263. 

  263.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">hideOptionMenu</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    264. 

  264. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    265. 

  265.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    266. 

  266. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    267. 

  267. 

  268. </code></pre></div><h2 id="显示导航栏右上角按钮"><a href="#显示导航栏右上角按钮" class="header-anchor">#</a> 显示导航栏右上角按钮</h2> <p>api名:showOptionMenu</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">×</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象 {}</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    269. 

  269.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">showOptionMenu</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    270. 

  270. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    271. 

  271.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    272. 

  272. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    273. 

  273. 

  274. </code></pre></div><h2 id="设置右上角按钮badge"><a href="#设置右上角按钮badge" class="header-anchor">#</a> 设置右上角按钮badge</h2> <p>api名:setMenuBadge</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">×</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>data参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">badge</td> <td style="text-align:left;">string</td> <td style="text-align:left;">是</td> <td style="text-align:left;">需要显示的badge数值超过99显示...</td></tr> <tr><td style="text-align:left;">index</td> <td style="text-align:left;">string</td> <td style="text-align:left;">是</td> <td style="text-align:left;">从右到左的menu顺序0开始</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果</td></tr></tbody></table></li> <li><p><strong>返回payload参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;"></td> <td style="text-align:left;">String</td> <td style="text-align:left;"></td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    275. 

  275.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">setMenuBadge</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    276. 

  276.     <span class="token literal-property property">badge</span><span class="token operator">:</span><span class="token string">'10'</span><span class="token punctuation">,</span>
    277. 

  277.     <span class="token literal-property property">index</span><span class="token operator">:</span><span class="token string">'0'</span>
    278. 

  278. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    279. 

  279.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    280. 

  280. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    281. 

  281. 

  282. </code></pre></div><h2 id="显示浮动按钮"><a href="#显示浮动按钮" class="header-anchor">#</a> 显示浮动按钮</h2> <p>api名:showFloatMenu</p> <ul><li><p><strong>支持平台</strong></p> <table><thead><tr><th style="text-align:left;">Android</th> <th style="text-align:left;">IOS</th> <th style="text-align:left;">HarmonyOS</th></tr></thead> <tbody><tr><td style="text-align:left;">√</td> <td style="text-align:left;">√</td> <td style="text-align:left;">×</td></tr></tbody></table></li> <li><p><strong>参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">是</td> <td style="text-align:left;">api参数对象</td></tr> <tr><td style="text-align:left;">completedCB</td> <td style="text-align:left;">Function</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">请求完成回调函数，成功/失败都会触发</td></tr></tbody></table></li> <li><p><strong>Object参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">index</td> <td style="text-align:left;">string</td> <td style="text-align:left;">是</td> <td style="text-align:left;">显示在第几个的右上角按钮下方(注意事项:index是是从右向左开始，并且index需要要小于设置的右下角个数)</td></tr> <tr><td style="text-align:left;">menu</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">是[MenuObject]</td> <td style="text-align:left;">浮动按钮菜单集合</td></tr></tbody></table></li> <li><p><strong>MenuObject参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">必填</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">title</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">按钮文字</td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">按钮图片，支持本地内置和在线icon，内置icon: card ,clear,coupon,filter,home,message,more,plus,property,query,search,service,setting,shareing,version_change,   使用时 使用 icon_颜色， 例如显示黑色的更多按钮则icon为 more_black</td></tr> <tr><td style="text-align:left;">badge</td> <td style="text-align:left;">string</td> <td style="text-align:left;">可选</td> <td style="text-align:left;">菜单按钮数字</td></tr></tbody></table></li> <li><p><strong>completedCB返回参数说明</strong></p> <table><thead><tr><th style="text-align:left;">参数名</th> <th style="text-align:left;">类型</th> <th style="text-align:left;">说明</th></tr></thead> <tbody><tr><td style="text-align:left;">status</td> <td style="text-align:left;">Number</td> <td style="text-align:left;">调用状态码  0成功, 1：持续，其他值失败</td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:left;">String</td> <td style="text-align:left;">调用结果信息</td></tr> <tr><td style="text-align:left;">payload</td> <td style="text-align:left;">Object</td> <td style="text-align:left;">详细结果  {}</td></tr></tbody></table></li> <li><p>示例代码</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code>
    283. 

  283.  foxsdk<span class="token punctuation">.</span>webview<span class="token punctuation">.</span><span class="token function">showFloatMenu</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    284. 

  284.      <span class="token literal-property property">index</span><span class="token operator">:</span><span class="token string">'0'</span><span class="token punctuation">,</span>
    285. 

  285.    <span class="token literal-property property">menu</span><span class="token operator">:</span><span class="token punctuation">[</span><span class="token punctuation">{</span>
    286. 

  286.     <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'更多'</span><span class="token punctuation">,</span>
    287. 

  287.     <span class="token literal-property property">icon</span><span class="token operator">:</span><span class="token string">'more_black'</span>
    288. 

  288.    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    289. 

  289.    <span class="token punctuation">{</span>
    290. 

  290.     <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'首页'</span><span class="token punctuation">,</span>
    291. 

  291.     <span class="token literal-property property">icon</span><span class="token operator">:</span><span class="token string">'home_black'</span>
    292. 

  292.    <span class="token punctuation">}</span>
    293. 

  293. 

  294.    <span class="token punctuation">]</span>
    295. 

  295. <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token parameter">ret</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    296. 

  296.     console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'status: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>status <span class="token operator">+</span> <span class="token string">',message: '</span> <span class="token operator">+</span> ret<span class="token punctuation">.</span>message <span class="token operator">+</span> <span class="token string">',payload: '</span> <span class="token operator">+</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>ret<span class="token punctuation">.</span>payload<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    297. 

  297. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    298. 

  298. 

  299. 

  300. </code></pre></div></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">3/19/2024, 3:02:32 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
    301. 

  301.       ←
    302. 

  302.       <a href="/yump-guide-v2/sdk/touchId.html" class="prev">
    303. 

  303.         指纹识别验证
    304. 

  304.       </a></span> <span class="next"><a href="/yump-guide-v2/sdk/events.html">
    305. 

  305.         事件监听
    306. 

  306.       </a>
    307. 

  307.       →
    308. 

  308.     </span></p></div> </main></div><div class="global-ui"><!----></div></div>
    309. 

  309.     <script src="/yump-guide-v2/assets/js/app.896f6ac7.js" defer></script><script src="/yump-guide-v2/assets/js/2.51c90e44.js" defer></script><script src="/yump-guide-v2/assets/js/1.a9756c7a.js" defer></script><script src="/yump-guide-v2/assets/js/145.68432b8f.js" defer></script>
    310. 

  310.   </body>
    311. 

  311. </html>
    312.