移动端调试技巧

前言

分享一些移动端调试的小技巧

移动端控制台

在手机浏览器上，添加一个控制台的代码，可以很大的方便我们调试。

// 在页面引入如下脚本，即可在移动端上开启控制台
<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>
    eruda.init();
    console.log('控制台打印信息');
</script>

手机访问电脑本地项目

在手机上访问电脑的本地项目，调试岂不是很爽吗？
按照如下方式即可

1. 手机和电脑在一个局域网内
2. 电脑开启一个本地端口例如localhost:8080
3. 查看电脑端的ip地址例如192.168.0.135
4. 手机访问192.168.0.135:8080即可
如果是vue等开启本地服务器时，需要在package.json script dev 加上 --host 0.0.0.0

其他

未完待续！