debug.html 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1">
  6. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  7. <title>调试方法 | 宇信科技-新一代移动金融开发平台YUMP</title>
  8. <meta name="description" content="">
  9. <link rel="shortcut icon" href="/yump-guide-v2/images/favicon.ico">
  10. <meta name="description" content="Yusys New Generation Mobile Platform.">
  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/89.5a7330f6.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/145.68432b8f.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/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. <link rel="stylesheet" href="/yump-guide-v2/assets/css/0.styles.55c6ad92.css">
  13. </head>
  14. <body>
  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. 首页
  17. </a></div><div class="nav-item"><a href="/yump-guide-v2/guide/" class="nav-link router-link-active">
  18. 教程
  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. 基础组件
  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. 业务组件
  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. API
  25. </a></li><li class="dropdown-item"><!----> <a href="/yump-guide-v2/utils/app.html" class="nav-link">
  26. 工具方法
  27. </a></li></ul></div></div><div class="nav-item"><a href="/yump-guide-v2/sdk/" class="nav-link">
  28. APP-SDK
  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. 云打包
  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. 典型场景
  33. </a></div><div class="nav-item"><a href="/yump-guide-v2/nativepackaging/" class="nav-link">
  34. 原生打包
  35. </a></div><div class="nav-item"><a href="/yump-guide-v2/yuga/config.html" class="nav-link">
  36. 埋点
  37. </a></div><div class="nav-item"><a href="/yump-guide-v2/FAQ/" class="nav-link">
  38. 常见问题
  39. </a></div><div class="nav-item"><a href="/yump-guide-v2/contact-us/" class="nav-link">
  40. 联系我们
  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. 首页
  43. </a></div><div class="nav-item"><a href="/yump-guide-v2/guide/" class="nav-link router-link-active">
  44. 教程
  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. 基础组件
  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. 业务组件
  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. API
  51. </a></li><li class="dropdown-item"><!----> <a href="/yump-guide-v2/utils/app.html" class="nav-link">
  52. 工具方法
  53. </a></li></ul></div></div><div class="nav-item"><a href="/yump-guide-v2/sdk/" class="nav-link">
  54. APP-SDK
  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. 云打包
  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. 典型场景
  59. </a></div><div class="nav-item"><a href="/yump-guide-v2/nativepackaging/" class="nav-link">
  60. 原生打包
  61. </a></div><div class="nav-item"><a href="/yump-guide-v2/yuga/config.html" class="nav-link">
  62. 埋点
  63. </a></div><div class="nav-item"><a href="/yump-guide-v2/FAQ/" class="nav-link">
  64. 常见问题
  65. </a></div><div class="nav-item"><a href="/yump-guide-v2/contact-us/" class="nav-link">
  66. 联系我们
  67. </a></div> <!----></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><a href="/yump-guide-v2/guide/" class="sidebar-heading clickable router-link-active open"><span>教程</span> <!----></a> <ul class="sidebar-links sidebar-group-items"><li><a href="/yump-guide-v2/guide/" aria-current="page" class="sidebar-link">快速上手</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#立即体验" class="sidebar-link">立即体验</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#如何学习" class="sidebar-link">如何学习</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#获取工程" class="sidebar-link">获取工程</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#项目依赖软件安装" class="sidebar-link">项目依赖软件安装</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#环境准备" class="sidebar-link">环境准备</a></li></ul></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#安装依赖" class="sidebar-link">安装依赖</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#yump-cli工具" class="sidebar-link">yump-cli工具</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#全局配置" class="sidebar-link">全局配置</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#编译配置" class="sidebar-link">编译配置</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#环境配置" class="sidebar-link">环境配置</a></li></ul></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#运行工程" class="sidebar-link">运行工程</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#前端脚手架打包" class="sidebar-link">前端脚手架打包</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#打包成app" class="sidebar-link">打包成app</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#发布离线包" class="sidebar-link">发布离线包</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#vant-ui基础组件库主题定制" class="sidebar-link">vant-ui基础组件库主题定制</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/#页面跳转转场动画" class="sidebar-link">页面跳转转场动画</a></li></ul></li><li><a href="/yump-guide-v2/guide/base.html" class="sidebar-link">基础教程</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#工程目录结构" class="sidebar-link">工程目录结构</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#配置文档" class="sidebar-link">配置文档</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#全局配置" class="sidebar-link">全局配置</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#多环境配置" class="sidebar-link">多环境配置</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#模块模板配置" class="sidebar-link">模块模板配置</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#路由配置" class="sidebar-link">路由配置</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#请求配置" class="sidebar-link">请求配置</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#vuex配置" class="sidebar-link">vuex配置</a></li></ul></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#数据字典使用" class="sidebar-link">数据字典使用</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#多语言使用" class="sidebar-link">多语言使用</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#多主题配置" class="sidebar-link">多主题配置</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#权限配置" class="sidebar-link">权限配置</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#工具方法" class="sidebar-link">工具方法</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#网络请求配置" class="sidebar-link">网络请求配置</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/base.html#mock使用" class="sidebar-link">mock使用</a></li></ul></li><li><a href="/yump-guide-v2/guide/debug.html" aria-current="page" class="active sidebar-link">调试方法</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/debug.html#h5平台调试" class="sidebar-link">H5平台调试</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/debug.html#yump-app专用-app平台调试" class="sidebar-link">YUMP app专用-APP平台调试</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/debug.html#通用-移动端真机调试" class="sidebar-link">通用-移动端真机调试</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/debug.html#前言" class="sidebar-link">前言</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/debug.html#安卓系统下的h5真机联调" class="sidebar-link">安卓系统下的h5真机联调</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/debug.html#ios系统下的h5真机联调" class="sidebar-link">iOS系统下的h5真机联调</a></li></ul></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/debug.html#vconsole调试工具" class="sidebar-link">vConsole调试工具</a></li></ul></li><li><a href="/yump-guide-v2/guide/LICENSE.html" class="sidebar-link">license</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/LICENSE.html#申请license" class="sidebar-link">申请license</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/LICENSE.html#license在移动前端脚手架" class="sidebar-link">license在移动前端脚手架</a></li></ul></li><li><a href="/yump-guide-v2/guide/official.html" class="sidebar-link">微信公众号</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/official.html#申请微信公众号" class="sidebar-link">申请微信公众号</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/official.html#开发微信公众号网页应用的开发脚手架工程" class="sidebar-link">开发微信公众号网页应用的开发脚手架工程</a></li></ul></li><li><a href="/yump-guide-v2/guide/enterprise.html" class="sidebar-link">企业微信</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/enterprise.html#接入企业微信" class="sidebar-link">接入企业微信</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/enterprise.html#企业微信能力" class="sidebar-link">企业微信能力</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/enterprise.html#官方客户端api" class="sidebar-link">官方客户端API</a></li></ul></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/enterprise.html#开发脚手架工程" class="sidebar-link">开发脚手架工程</a></li></ul></li><li><a href="/yump-guide-v2/guide/mini.html" class="sidebar-link">微信小程序</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/mini.html#申请微信小程序开发者账号" class="sidebar-link">申请微信小程序开发者账号</a></li><li class="sidebar-sub-header"><a href="/yump-guide-v2/guide/mini.html#使用移动前端脚手架开发" class="sidebar-link">使用移动前端脚手架开发</a></li></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="调试方法"><a href="#调试方法" class="header-anchor">#</a> 调试方法</h1> <h2 id="h5平台调试"><a href="#h5平台调试" class="header-anchor">#</a> H5平台调试</h2> <ol><li>启动h5平台</li></ol> <div class="language-sh extra-class"><pre class="language-sh"><code> <span class="token function">yarn</span> serve
  68. </code></pre></div><ol start="2"><li>启动后IDE下方终端会显示出访问IP和端口</li></ol> <img src="/yump-guide-v2/images/guide/shell.png"> <ol start="3"><li>点击终端中的IP 或在浏览器中输入地址 ,即可在浏览器中预览</li></ol> <h2 id="yump-app专用-app平台调试"><a href="#yump-app专用-app平台调试" class="header-anchor">#</a> YUMP app专用-APP平台调试</h2> <ol><li>下载安装宇信移动平台APP(调试版),用于调试APP工程;</li> <li>将需要调试使用的移动设备和pc设备连至同一局域网(wifi)或者pc设备连接手机热点。</li> <li>启动APP平台<div class="language-sh extra-class"><pre class="language-sh"><code> <span class="token function">yarn</span> serve
  69. </code></pre></div></li> <li>启动后IDE下方终端会显示出访问IP和端口</li></ol> <img src="/yump-guide-v2/images/guide/shell.png"> <ol start="5"><li>打开宇信移动平台APP(调试版)</li></ol> <p>ios系统App:在手机桌面上,长按<code>宇信移动平台</code>APP,在弹出的菜单中,选择<code>扫一扫</code>,在打开的页面中输入<code>终端中的IP</code>即可在外壳中预览页面。</p> <img src="/yump-guide-v2/images/guide/IOS_debug_1.jpg" width="400px"> <img src="/yump-guide-v2/images/guide/IOS_debug_2.jpg" width="400px"> <p>补充: <code>3.5.1版本后</code>,ios系统App新增<code>开发助手</code>功能,点击进入<code>开发助手</code>,可以通过<code>Web—任意门</code>的方式选择输入<code>终端中的IP</code>或者扫码的方式在外壳中预览页面</p> <img src="/yump-guide-v2/images/guide/IOS_debug_3.jpg" width="400px"> <img src="/yump-guide-v2/images/guide/IOS_debug_4.jpg" width="400px"> <img src="/yump-guide-v2/images/guide/IOS_debug_5.jpg" width="400px"> <p>android:android系统APP:打开app,<code>摇一摇</code>手机,在弹出的窗口中调试路径输入地址,访问地址即可预览页面.</p> <img src="/yump-guide-v2/images/guide/android_1.jpg" width="400px"> <p>补充: <code>3.5.1版本后</code>,android系统APP新增<code>开发助手</code>功能,点击进入<code>开发助手</code>,可以通过<code>Web—任意门</code>的方式选择输入<code>终端中的IP</code>或者扫码的方式在外壳中预览页面
  70. <img src="/yump-guide-v2/images/guide/android_2.jpg" width="400px"> <img src="/yump-guide-v2/images/guide/android_4.jpg" width="400px"> <img src="/yump-guide-v2/images/guide/android_3.jpg" width="400px"></p> <h2 id="通用-移动端真机调试"><a href="#通用-移动端真机调试" class="header-anchor">#</a> 通用-移动端真机调试</h2> <h3 id="前言"><a href="#前言" class="header-anchor">#</a> 前言</h3> <p>移动端页面调试一直是头疼的问题,<code>iOS</code>由于其封闭的特性和整体较高的性能,整体适配相对好做,调试也因为 <code>safari</code> 的打通变得很方便。而 <code>Android</code>系统,由于版本跨度大,且各家厂商采用自研内核,使得其成为移动端页面问题出现的主要平台。工程师们采用了各种各样的方式来对其进行调试:alert 大法,页面引入或注入VConsole开启移动端控制台,抓包等调试方式,其实我们只需要做一点微小的工作,就可以使用我们熟悉的 <code>Chrome</code> 开发者工具(需要翻墙) <code>edge</code> 开发者工具对移动端页面进行调试,这里推荐<code>edge</code> 开发者工具。</p> <h3 id="安卓系统下的h5真机联调"><a href="#安卓系统下的h5真机联调" class="header-anchor">#</a> 安卓系统下的h5真机联调</h3> <h4 id="准备工作"><a href="#准备工作" class="header-anchor">#</a> 准备工作</h4> <ul><li><code>edge</code>等基于原生 Chromium 内核的浏览器</li> <li>App 内嵌 Webview使用</li> <li>Android系统的移动设备</li> <li>Android系统的移动设备数据线</li> <li>如果是本地项目联调,需要保证移动设备需与PC设备处于同一网段</li></ul> <h4 id="edge-浏览器-inspect-调试"><a href="#edge-浏览器-inspect-调试" class="header-anchor">#</a> edge 浏览器 Inspect 调试</h4> <h5 id="第一步-开启-edge-浏览器-inspect-调试"><a href="#第一步-开启-edge-浏览器-inspect-调试" class="header-anchor">#</a> 第一步:开启 edge 浏览器 Inspect 调试</h5> <p>在 edge 浏览器地址栏中输入 edge://inspect/#devices 并回车,就可以打开 Inspect 调试界面,此时我们勾选 <code>Discover USB devices</code> 选项便可以看到设备列表。</p> <img src="/yump-guide-v2/images/guide/debug1.jpg" alt="debug1"> <h5 id="第二步-然后打开手机中开发者选项并打开usb-调试开关"><a href="#第二步-然后打开手机中开发者选项并打开usb-调试开关" class="header-anchor">#</a> 第二步:然后打开手机中开发者选项并打开<code>USB 调试开关</code></h5> <p>具体方法自行百度,不同手机有一定区别。以华为手机为例:设置-&gt;关于手机-&gt;在版本号上连续多点几次,直到出现允许开发人员选项的提示;-&gt;再次回到设置菜单,点开发人员选项-&gt;在出现的允许开发设置对话框中按确定;-&gt;在开发人员选项中点USB调试;-&gt;在弹出的是否允许USB调试对话框中按确定,即可打开手机调试模式。使用数据线将手机连接到电脑上,我们就可以在设备列表中看到自己的设备。</p> <h5 id="第三步-访问手机中我们想要调试的页面-第一步inspect页面中便会移动设备打开的页面。"><a href="#第三步-访问手机中我们想要调试的页面-第一步inspect页面中便会移动设备打开的页面。" class="header-anchor">#</a> 第三步:访问手机中我们想要调试的页面,第一步inspect页面中便会移动设备打开的页面。</h5> <img src="/yump-guide-v2/images/guide/debug2.jpg" alt="debug2"> <h5 id="第四步-点击对应页面的-inspect选项-即可打开edge调试工具"><a href="#第四步-点击对应页面的-inspect选项-即可打开edge调试工具" class="header-anchor">#</a> 第四步:点击对应页面的 <code>inspect</code>选项,即可打开edge调试工具</h5> <p>接下来你便可以和调试 PC 界面一样通过 edge 进行你所需要的调试,你在手机上的操作会始终保持同步到左侧屏幕上。</p> <img src="/yump-guide-v2/images/guide/debug3.jpg" alt="debug3"> <h3 id="ios系统下的h5真机联调"><a href="#ios系统下的h5真机联调" class="header-anchor">#</a> iOS系统下的h5真机联调</h3> <h5 id="该解决方案底层机制由苹果官方提供-以下提供一些开发者整理的最佳实践"><a href="#该解决方案底层机制由苹果官方提供-以下提供一些开发者整理的最佳实践" class="header-anchor">#</a> 该解决方案底层机制由苹果官方提供,以下提供一些开发者整理的最佳实践</h5> <ul><li><p>H5页面调试-iOS真机基础教程-版本1<a href="https://zhuanlan.zhihu.com/p/657339960?utm_id=0" target="_blank" rel="noopener noreferrer">点击访问<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>;</p></li> <li><p>H5页面调试-iOS真机基础教程-版本2<a href="https://blog.csdn.net/qq_14854339/article/details/137517286" target="_blank" rel="noopener noreferrer">点击访问<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>;</p></li></ul> <h2 id="vconsole调试工具"><a href="#vconsole调试工具" class="header-anchor">#</a> vConsole调试工具</h2> <p><code>vConsole</code>是一个轻量级、可扩展的移动网页前端开发工具,可<code>查看控制台日志</code>, <code>查看网络请求</code>, <code>查看文件元素</code>等,项目中开发模式默认使用该插件。</p> <img src="/yump-guide-v2/images/guide/vConsole1.png" width="400px"> <img src="/yump-guide-v2/images/guide/vConsole2.jpg" width="400px"></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">4/24/2024, 11:38:34 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
  71. <a href="/yump-guide-v2/guide/base.html" class="prev">
  72. 基础教程
  73. </a></span> <span class="next"><a href="/yump-guide-v2/guide/LICENSE.html">
  74. license
  75. </a>
  76. </span></p></div> </main></div><div class="global-ui"><!----></div></div>
  77. <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/89.5a7330f6.js" defer></script>
  78. </body>
  79. </html>