工具需求:

  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. Oracle Base64加解密

    参考 http://blog.csdn.net/liuzhigang1237/article/details/7591439

  2. c# 纯代码调用 webservice

    public static class RequestHelper { public class RequestResult { public RequestResult(bool requestRe ...

  3. Git 概念

    Git 概念 一.Git 工作流程 ~ Workspace:工作区 ~ Index/ Stage:暂存区 ~ Repository:仓库区(或本地仓库) ~ Remote:远程仓库 工作区 进行开发改 ...

  4. webbrowser 里的js函数和C#的函数互相调用方式

    1.c#程序里要添加  [System.Runtime.InteropServices.ComVisibleAttribute(true)] 和  webBrowser1.ObjectForScrip ...

  5. Docker切换国内镜像

    本人是Ubuntu系统 Ubuntu 18.04 安装 Docker-ce 1.更换国内软件源,推荐中国科技大学的源,稳定速度快(可选) sudo cp /etc/apt/sources.list / ...

  6. Vue --- :is

    1.1 基本示例 <div id="app"> <!-- template slot transition --> <input type=" ...

  7. RK3399/NanoPC-T4开发板使用/sys/class/gpio操作外接GPIO设备-【申嵌视频-RK3399篇】

    实验2:RK3399/NanoPC-T4开发板使用/sys/class/gpio操作外接GPIO设备,比如外接一个LED模块,通过GPIO1_A0管脚 1 介绍   LED模块   Matrix-LE ...

  8. vscode setting

    { "files.autoSave": "onFocusChange", "window.openFilesInNewWindow": tr ...

  9. Nginx的编译安装及选项

    编译安装Nginx1.安装常见的工具和库(GCC.PCRE.zlib.OpenSSL) Nginx是一个由C语言编写的,所以需要一个编译工具如GNU的GCC[root@www ~]# yum inst ...

  10. [转]Win2012的 IIS 503 错误

    下载并安装 https://www.microsoft.com/zh-CN/download/details.aspx?id=48145 因为安装了 dotnet-hosting-2.2.3-win. ...