通过live-server和eruda/vconsole真机调试

创建本地服务器,并通过手机在一个局域网中访问

例使用 live-server 插件

  1. npm i -g live-server
  2. cmd输入ipconfig,查看IPv4地址(即本机IP地址)
  3. 找到安装目录下的index.js文件,修改其中的serveHostopenHost为本机ip地址
  4. 将手机和pc连入同一个局域网,使用该配置进行访问

使用eruda

查看文档
类似 DevTools 的迷你版,
npm install eruda --save

<script src="//cdn.bootcdn.net/ajax/libs/eruda/3.0.0/eruda.min.js"></script>
<script>eruda.init();</script>

var script = document.createElement('script');
script.src = "https://cdn.bootcdn.net/ajax/libs/eruda/3.0.0/eruda.min.js";
script.async = true;
document.getElementsByTagName('head')[0].appendChild(script);
script.onload = function () {
    eruda.init();
};

使用vconsole

总体来说不如eruda,不推荐

<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"></script>
<script>var vConsole = new VConsole();</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在网络中,我们经常会用到一些命令检测网络状态或者一些网络相关的信息,以下电脑高手或技术员常用的9大网络命令你都知道...
    whatangle阅读 3,325评论 0 1
  • 运行操作 CMD命令:开始->运行->键入cmd或command(在命令行里可以看到系统版本、文件系统版本) CM...
    小沐子_IT阅读 8,374评论 0 4
  • 计算机网络的定义: 将地理位置不同的具有独立功能的多台计算机及其外部设备,通过通信线路和网络设备连接起来,在网络操...
    格格竹姑娘阅读 4,123评论 0 2
  • 命令简介 cmd是command的缩写.即命令行 。 虽然随着计算机产业的发展,Windows 操作系统的应用越来...
    Littleston阅读 8,621评论 0 12
  • 一、命令行 1. calc-----------启动计算器 2.certmgr.msc----证书管理实用程序 3...
    小小辛_c阅读 4,019评论 0 2

友情链接更多精彩内容