移动端真机调试的方法 雨点打透心脏的1/2处 2021-09-20 02:16 367阅读 0赞 1. 手机电脑需要在同一无线网下 2. 以vscode为例,在vscode通过右键 open with live server 打开html文件,例:http://127.0.0.1:5500/index.html 3. 打开cmd,输入ipconfig,复制 IPv4地址后的 IP 地址。例10.110.51.146 4. 将浏览器地址栏的地址替换为http://10.110.51.146:5500/index.html 5. 百度草料二维码,通过手机扫生成的二维码即可在手机上访问页面 # Eruda # ## 原生使用 ## <script src="//cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.js"></script> <script> // 初始化 eruda.init(); console.log('Hello world'); </script> ## npm ## yarn add eruda --save // 开发测试环境下面使用vConsole进行调试 if (config.VCONSOLE) { const VConsole = require('vconsole'); new VConsole(); } // or // 然后在index.html页面中加载脚本: <script src="node_modules/eruda/eruda.js"></script> <script>eruda.init();</script> ## vConsole ## ### 原生使用 ### <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <script> // 初始化 var vConsole = new VConsole(); console.log('Hello world'); </script> ··· ### npm ```js yarn add vconsole 然后设置个环境变量作为区分线上线下环境,比如: import VConsole from 'vconsole'; const isDebug = true; // 本地开发调试注入vConsole if (isDebug) { new VConsole(); }
还没有评论,来说两句吧...