这里介绍一款移动端的调试工具以及抓包工具fiddler的使用。也是初次接触,算是初次接触的总结。

1,移动端调试工具。手机截图如下

代码实现

 <!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>干货-课程-完成</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head> <body>
<!-- 引入js -->
<script type="text/javascript" src="vconsole.min.js"></script>
<script type="text/javascript">
//创建一个实例
var vConsole = new VConsole();
console.log('Hello world');
</script>
</body> </html>

这里利用的是插件vconsole,npm链接:https://www.npmjs.com/package/vconsole

2,然后是抓包工具,抓包工具用来对接口进行监控和前端调试,这里介绍一下fiddler,百度一下下载就可以了,可以直接在官网下载;

然后打开,通过tools选项卡下的options进入下面界面,选择勾选下面的红框内容。点击确定。

然后打开手机,找到设置里面wifi链接,长安wifi连接

修改wifi连接,进入下面界面

服务器主机名就是pc的本地ip,本地ip可以通过cmd打开命令行工具然执行,ipconfig获取。

将pc电脑填入上面的服务器主机名位置,端口号为本文第二张图的8888。然后就可以在fiddler查看移动端的服务端请求了。

本文结束。

最新文章

  1. [LeetCode] Walls and Gates 墙和门
  2. JavaScript - 基于CSS3动画的实现
  3. JCarouselLite--帮助文档
  4. centos6.5 中文
  5. hdu 1166 敌兵布阵(线段树,树状数组)
  6. 【Python之路】第八篇--Python基础之网络编程
  7. 【面向对象】详解之JavaScript篇
  8. webDriver基本运用
  9. [Swift]LeetCode749. 隔离病毒 | Contain Virus
  10. xml 转换成对象(采用反射机制对对对象属性赋值)
  11. 容器(docker)内运行Nginx
  12. Message&quot;: &quot;请求的资源不支持 http 方法“GET”
  13. Simple scatter method in 2d picture(Qt)
  14. Android实现夜间模式
  15. Makefile中的%标记和系统通配符*的区别
  16. bug找到吐的赶脚
  17. LPC43xx SGPIO Experimentation
  18. Python jieba库的使用说明
  19. ps曲线
  20. ThreadPoolExecutor 杂记

热门文章

  1. 初学者:__init__.py文件的作用
  2. shell中的死记硬背
  3. Python环境搭建(Windows)
  4. BAT-运行程序
  5. git改密码出现授权问题
  6. 20145234黄斐《Java程序设计》第七周学习总结
  7. BZOJ3293_分金币_KEY
  8. spring源码-BeanPostProcessor-3.3
  9. 机器学习常用算法(LDA,CNN,LR)原理简述
  10. Appium(Python)驱动手机Chrome浏览器