工具需求:

  1.PC   

  2.手机(暂时只测试安卓,ios可能是在证书上有区别?)

  3.以上两个工具在同一局域网下

步骤: 

  一 ,PC端登录nodejs官网,选择并下载安装

    next,下一步下一步即可( 改改安装目录 )

  二 , PC端安装spy-debugger

    打开命令行工具,输入: npm install spy-debugger -g   (mac: sudo npm install spy-debugger -g );

    等待安装完成

  三 , 手机端 安装证书 

    打开目录C:\Users\Administrator\node-mitmproxy (可以在 C:\Users\ 下搜" node-mitmproxy ");

    将文件 node-mitmproxy.ca.crt 传给手机端

    以华为手机为例:

      1. 设置 - 安全和隐私 - 更多安全设置 - 从SD卡安装 - (从文件管理器找到node-mitmproxy.ca.crt点击安装)

        其他手机 也应该在 安全设置中

      2. 无线 - WLAN - 高级WLAN设置 - 安装证书 -  (从文件管理器找到node-mitmproxy.ca.crt点击安装)

  四 , 设置代理

    1 . PC端  命令行 ipconfig查看ipv4地址

    2 . 手机端 设置 - WLAN - 选择当前链接的WLAN - 修改 - 代理 :  修改代理为手动 , 修改服务器主机名为PC端的ipv4地址 , 端口号为9888

    3 . 代理设置成功 链接上同一网络才能进行下一步

  五 , 打开调试工具

    1 . PC端打开命令行 输入spy-debugger start , 按提示打开浏览器(一般是自动打开);

    2 . 用手机浏览页面 , PC端浏览器会出现相对应的调试工具

  如下图:

  

手机控制台调试(需PC端协助)的更多相关文章

  1. android中利用Socket实现手机客户端与PC端进行通信

    1. 项目截图

  2. java-appium-527手机浏览器、PC端程序、grid模式

    1.手机浏览器 2.window通用成语自动化 3.appium支持grid模式

  3. JS判断是手机访问还是PC端访问网站

    <script>    if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|S ...

  4. Windows 之 手机访问 PC 端本地部署的站点

    测试网页在手机上的显示工具我们可以使用谷歌内核的浏览器,打开开发者工具(F12),在device那里选择设备,然后刷新来查看网页在手机上的显示效果. 但毕竟是模拟的,如果想要在真机上调试该怎么办呢. ...

  5. 只需2分钟!PC端的报表即可转换成手机报表

    转: 只需2分钟!PC端的报表即可转换成手机报表 手机制作报表,这个大家不知有没有尝试过,虽然我们平时都用电脑做,但是电脑要是不在身边了,手机就可以用来应应急.但其实小编并没有在手机上制作报表的实践经 ...

  6. vue实现PC端调用摄像头拍照人脸录入、移动端调用手机前置摄像头人脸录入、及图片旋转矫正、压缩上传base64格式/文件格式

    进入正题 1. PC端调用摄像头拍照上传base64格式到后台,这个没什么花里胡哨的骚操作,直接看代码 (canvas + video) <template> <div> &l ...

  7. 只有PC端的报表工具使用太不方便了!有没有好用的手机报表app?

    马上到年底了,签订的销售合同需尽快回款,销售经理此时正在下午出差的出租车上,通过手中的手机他查看了一下今天的回款报表 项目已经进行到了关键期,项目经理正在奔赴项目城市的高铁列车上,项目今天的进度报表已 ...

  8. 在thinkPHP3.2.3框架下实现手机和PC端浏览器的切换

    查看thinkphp版本号方法 打开文件“根目录\ThinkPHP\ThinkPHP.php”下的文件ThinkPHP.php,在22--23行可以看到版本信息THINK_VERSION,如下图: 说 ...

  9. PC端和手机访问调用不同的页面,JS和PHP不同方法

    js方法: var urlqr = location.href;    urlqr = urlqr.replace(/iphoneF_/, "pc")这里写正则替换页面地址 if( ...

随机推荐

  1. return,break,continue三者区别

    详解:http://www.cnblogs.com/yangdabao/p/6172210.html return:直接结束这个方法,后面所有代码不再执行,不管循坏外,还是循环内,全部停止,直接返回 ...

  2. R-shiny服务器安装及配置

    R的shiny 服务器管理-入门http://www.bio-info-trainee.com/1683.html sudo systemctl start shiny-serversudo syst ...

  3. axios delete

  4. 出现No package gcc+ available解决办法

    系统 CentOS Linux release 7.4.1708 (Core)   安装gcc时报错 [root@ip---- node-v10.15.3]# yum -y install gcc+ ...

  5. IDEA 控制台乱码问题

    一.修改IDEA的配置文件 找到IDEA安装目录下的 /bin/idea.exe.vmoptions(32位) 或 idea64.exe.vmoptions(64位),添加如下一行: -Dfile.e ...

  6. Javascript 使用postMessage对iframe跨域传值或通信

    实现目标:两个网站页面实现跨域相互通信 当前例子依赖于 jQuery 3.0 父页面代码:www.a.com/a.html <iframe id="myIframe" src ...

  7. web.py模块使用

    web.py模块 import time import web urls=("/",'hello') class hello(): def GET(self): return (t ...

  8. 调整Eclipse中代码字体字号

    Window-->preferences-->general-->appearence-->Colors and fonts中的Basic节点选text font,Edit一下

  9. Virtualbox扩展硬盘

    动态调整 1.VBoxManage showhdinfo win10.vdi 2.VBoxManage modifyhd win10.vdi --resize 61200 3.磁盘管理器中分配空间并格 ...

  10. CBSN NEWS

    https://www.cbsnews.com/video/fatal-crossing/