feat: update docs

ihtml5 · ihtml5 · commit dafd79b9f4ff · 2021-08-25T16:44:13.000+08:00
diff --git a/docs/index.html b/docs/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><meta name="referrer" content="origin"><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><title>mdebug</title><script charset="utf-8" src="//static.wehr.qq.com/oels/static/js/lib/jquery/jquery-1.11.3.min.js"></script><style>pre{background-color:#eee;padding:10px;font-size:16px;word-break:break-all;display:block;white-space:pre;margin:1em 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}table{border-collapse:collapse}table td,table th{border:1px solid #eee;padding:10px}table th{background-color:#eee}</style></head><body><h1 align="center"><img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png" width="30%"/></h1><p align="center" style="margin:30px 0 0">Mdebug makes mobile web development easier</p><p align="center" style="margin:30px 0 0"><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg" alt="npm version"></a></p><table><tr><th><h4 align="center">简单易用</h4></th><th><h4 align="center">功能全面</h4></th><th><h4 align="center">易扩展</h4></th><th><h4 align="center">高性能</h4></th></tr><tr><td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td><td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td><td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</sub></td><td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</sub></td></tr></table><h1>一、快速体验</h1><a href="https://tnfe.github.io/mdebug">https://tnfe.github.io/mdebug</a><h2>二、Installation</h2><h4>Install using npm</h4><pre>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><meta name="referrer" content="origin"><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><title>mdebug</title><script charset="utf-8" src="//static.wehr.qq.com/oels/static/js/lib/jquery/jquery-1.11.3.min.js"></script><style>body{padding-left:10px;padding-right:10px}pre{background-color:#eee;padding:10px;font-size:16px;word-break:break-all;display:block;white-space:pre;margin:1em 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}table{border-collapse:collapse}table td,table th{border:1px solid #eee;padding:10px}table th{background-color:#eee}</style></head><body><h1 align="center"><img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png" width="40%" style="max-width:300px"/></h1><p align="center" style="margin:30px 0 0;margin-bottom:20px">Mdebug makes mobile web development easier</p><table><tr><th><h4 align="center"><h4 align="center">简单易用</h4></h4></th><th><h4 align="center"></h4><h4 align="center">功能全面</h4></th><th><h4 align="center"></h4><h4 align="center">易扩展</h4></th><th><h4 align="center"></h4><h4 align="center">高性能</h4></th></tr><tr><td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td><td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td><td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</sub></td><td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</sub></td></tr></table><div align="center" style="margin-top:20px"><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg" alt="NPM Version"/></a><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/l/mdebug.svg" alt="Package License"/></a><a href="https://github.com/tnfe/mdebug/pulls" target="_blank"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs"/></a><a href="https://nodejs.org" target="_blank"><img src="https://img.shields.io/badge/node-%3E%3D%208.0.0-brightgreen.svg" alt="Node Version"/></a></div><h1>一、快速体验</h1><a href="https://tnfe.github.io/mdebug">https://tnfe.github.io/mdebug</a><h2>二、Installation</h2><h4>Install using npm</h4><pre>
 npm install mdebug --save
 </pre><h2>三、Useage</h2><h3>1.ES6</h3><pre>
   import mdebug from 'mdebug';
diff --git a/public/index.html b/public/index.html
@@ -13,6 +13,10 @@
   <title>mdebug</title>
   <script charset="utf-8" src="//static.wehr.qq.com/oels/static/js/lib/jquery/jquery-1.11.3.min.js"></script>
   <style>
+    body {
+      padding-left: 10px;
+      padding-right: 10px;
+    }
     pre {
       background-color: #eee;
       padding: 10px;
@@ -41,25 +45,49 @@
 
 <body>
   <h1 align="center">
-    <img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png" width="30%"/>
+    <img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png"
+      width="40%" style="max-width: 300px;"/>
   </h1>
-    <p align="center" style="margin: 30px 0 0px;">Mdebug makes mobile web development easier</p>
-    <p align="center" style="margin: 30px 0 0px;"><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg" alt="npm version"></a></p>
-    
-    <table>
-      <tr>
-        <th><h4 align="center">简单易用</h4 align="center"></th>
-        <th><h4 align="center">功能全面</h4 align="center"></th>
-        <th><h4 align="center">易扩展</h4 align="center"></th>
-        <th><h4 align="center">高性能</h4 align="center"></th>
-      </tr>
-      <tr>
-        <td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td>
-        <td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td>
-        <td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</td>
-        <td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</td>
-      </tr>
-    </table>
+  
+  <p align="center" style="margin: 30px 0 0px; margin-bottom: 20px;">Mdebug makes mobile web development easier</p>
+  <table>
+    <tr>
+      <th>
+        <h4 align="center">
+          <h4 align="center">简单易用</h4 align="center">
+      </th>
+      <th>
+        <h4 align="center"></h4 align="center">
+        <h4 align="center">功能全面</h4 align="center">
+      </th>
+      <th>
+        <h4 align="center"></h4 align="center">
+        <h4 align="center">易扩展</h4 align="center">
+      </th>
+      <th>
+        <h4 align="center"></h4 align="center">
+        <h4 align="center">高性能</h4 align="center">
+      </th>
+    </tr>
+    <tr>
+      <td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td>
+      <td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td>
+      <td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</td>
+      <td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</td>
+    </tr>
+  </table>
+  
+  <div align="center" style="margin-top: 20px;">
+    <a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg"
+        alt="NPM Version" /></a>
+    <a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/l/mdebug.svg"
+        alt="Package License" /></a>
+    <a href="https://github.com/tnfe/mdebug/pulls" target="_blank"><img
+        src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs" /></a>
+    <a href="https://nodejs.org" target="_blank"><img
+        src="https://img.shields.io/badge/node-%3E%3D%208.0.0-brightgreen.svg" alt="Node Version" /></a>
+  </div>
+
 <h1> 一、快速体验</h1>
 
 <a href="https://tnfe.github.io/mdebug">https://tnfe.github.io/mdebug</a>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><meta name="referrer" content="origin"><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><title>mdebug</title><script charset="utf-8" src="//static.wehr.qq.com/oels/static/js/lib/jquery/jquery-1.11.3.min.js"></script><style>pre{background-color:#eee;padding:10px;font-size:16px;word-break:break-all;display:block;white-space:pre;margin:1em 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}table{border-collapse:collapse}table td,table th{border:1px solid #eee;padding:10px}table th{background-color:#eee}</style></head><body><h1 align="center"><img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png" width="30%"/></h1><p align="center" style="margin:30px 0 0">Mdebug makes mobile web development easier</p><p align="center" style="margin:30px 0 0"><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg" alt="npm version"></a></p><table><tr><th><h4 align="center">简单易用</h4></th><th><h4 align="center">功能全面</h4></th><th><h4 align="center">易扩展</h4></th><th><h4 align="center">高性能</h4></th></tr><tr><td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td><td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td><td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</sub></td><td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</sub></td></tr></table><h1>一、快速体验</h1><a href="https://tnfe.github.io/mdebug">https://tnfe.github.io/mdebug</a><h2>二、Installation</h2><h4>Install using npm</h4><pre>
	`1`	+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><meta name="referrer" content="origin"><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><title>mdebug</title><script charset="utf-8" src="//static.wehr.qq.com/oels/static/js/lib/jquery/jquery-1.11.3.min.js"></script><style>body{padding-left:10px;padding-right:10px}pre{background-color:#eee;padding:10px;font-size:16px;word-break:break-all;display:block;white-space:pre;margin:1em 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}table{border-collapse:collapse}table td,table th{border:1px solid #eee;padding:10px}table th{background-color:#eee}</style></head><body><h1 align="center"><img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png" width="40%" style="max-width:300px"/></h1><p align="center" style="margin:30px 0 0;margin-bottom:20px">Mdebug makes mobile web development easier</p><table><tr><th><h4 align="center"><h4 align="center">简单易用</h4></h4></th><th><h4 align="center"></h4><h4 align="center">功能全面</h4></th><th><h4 align="center"></h4><h4 align="center">易扩展</h4></th><th><h4 align="center"></h4><h4 align="center">高性能</h4></th></tr><tr><td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td><td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td><td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</sub></td><td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</sub></td></tr></table><div align="center" style="margin-top:20px"><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg" alt="NPM Version"/></a><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/l/mdebug.svg" alt="Package License"/></a><a href="https://github.com/tnfe/mdebug/pulls" target="_blank"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs"/></a><a href="https://nodejs.org" target="_blank"><img src="https://img.shields.io/badge/node-%3E%3D%208.0.0-brightgreen.svg" alt="Node Version"/></a></div><h1>一、快速体验</h1><a href="https://tnfe.github.io/mdebug">https://tnfe.github.io/mdebug</a><h2>二、Installation</h2><h4>Install using npm</h4><pre>
`2`	`2`	`npm install mdebug --save`
`3`	`3`	`</pre><h2>三、Useage</h2><h3>1.ES6</h3><pre>`
`4`	`4`	`import mdebug from 'mdebug';`