工具需求:

  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. python unittest框架

    四个部分: test fixture A test fixture represents(代表) the preparation needed to perform one or more tests ...

  2. mysql 高版本only_full_group_by 错误

    [Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated c ...

  3. 18.17 U-Boot+内核移植

    18.17.1 移植U-Boot-2012.04.08 1.下载.建立source insight工程.编译.烧写.如果无运行分析原因. $ .tar.bz2 $ cd u-boot- $ make ...

  4. C#利用for循环打印图形练习题

    (1) namespace ConsoleApp2 { class Program { static void Main(string[] args) { ; i < ; i++)//外层循环控 ...

  5. [转]OpenShift 集群搭建指南

    转自:http://www.cnblogs.com/zhangning/p/7251810.html OpenShift 集群搭建指南 v1.0 搭建Hyper-v虚拟机或物理机 配置物理机静态IP, ...

  6. SoapUI测试WebService接口

      Getting Started Getting started with some ad-hoc testing of a SOAP service is straight forward; se ...

  7. ES6模板字符串【${}配合反单引号一起用】

    先看看JavaScript中两个字符串的效果,就很容易知道模板字符串是个啥东西,其实一点也不新鲜.高级编程中,例如java里面的string.format就是干这个事情,诸如此类. 1. 概念理解 A ...

  8. Redis类的源码使用

    $redis = new Redis(); //连接redis服务器 $redis->connect('127.0.0.1', '6379'); $key = "key"; ...

  9. MySQL死锁分析一例

    Tomcat日志报死锁错误,show innodb status获取死锁信息: ------------------------ LATEST DETECTED DEADLOCK ---------- ...

  10. linux与C内存管理机制

    转自知乎专栏:https://zhuanlan.zhihu.com/p/51855842?utm_source=wechat_session&utm_medium=social&utm ...