h5 plug-in_h5 page embedded client debugging

When the h5 page is embedded in the client, if there is a problem that cannot be debugged, such as no response when clicking the button -> but the developer cannot see the console or the interface return value...

At this point you can use debugging tools to view...

edura

• Introduction 1

   <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
   <script>eruda.init();</script>
  

  Every time you open a page, you need to load edura first, which will cause the page to render slowly (white screen exists)

• Introduction 2

  // 下载
  npm i edura
  

  // 引入
  import eruda from 'eruda'
  eruda.init()
  

  More friendly than "Introduction 1"

• use

  After the eruda.init method is called, a button will appear on the page.
  
  After clicking, a console will appear (similar to Google Chrome).

vconsole

• download

  npm install vconsole
  

• introduce

   import Vconsole from 'vconsole';
   new Vconsole()
  

• 
  After instantiation using new Vconsole, a button will appear on the page
  
  . After clicking, a console will appear (similar to Google Chrome).