如题 本文主要将 Safari + iPhone 前端开发调试  之 正确查看网络请求的 姿势

　　惯例 说下问题场景：

　　早知道safari（Mac） + iPhone 调试的方便 能解决很多日常调试问题，但有次帮人调试问题 发现是接口报错 但不知道接口数据 和传参数 在哪里查看 强行装b失败。

　　场景介绍完毕

　　作为一个尽量做到不 不求甚解的软件从业者 我是不会就此退缩呢。（其实是因为装B失败 要扳回一城）故有本文的由来

其实本文的东西也很简单。

　　下面简单说下：

　　首先那 一般调试的教程 网上搜了一通 答案也很多，而且苹果官方也给出一些说明，链接如下：

　　https://support.apple.com/kb/PH21414?viewlocale=zh_CN&locale=en_PH 苹果官方说明

　　然后再来一篇比较详细的介绍 借前人的地址用一些：

　　https://chon.io/blog/safari-ios-iphone-itouch-web-dev-inspector/ 前人分享

　　那下面开始说我本次要说的点

　　直接上图，各位看官莫嫌弃。

　　

如上面几个图所示：具体步骤如下：

选择 时间线 栏目-》选中网络请求-》鼠标移到具体请求 后面的 右键头上面 停几秒

嗯 完成上述步骤后 你会发现 你想要的都出来了。

get请求 参数会直接在url里面显示

post请求 要点击具体网络请求 然后会有 请求 和 响应 两个选项

这样就能满足日常 不通过抓包工具  完成基本的请求参数 和请求应答数据的查看了。

是不是很方便

谁说Safari不好用的 其实挺方便的 嗯 是吧？

下回见～

移动端页面 iPhone + Safari 页面调试 之 正确查看网络请求的姿势的更多相关文章

  1. java 网络编程基础 TCP/IP协议：服务端ServerSocket；客户端Socket; 采用多线程方式处理网络请求

    1.Java中客户端和服务器端通信的简单实例 Java中能接收其他通信实体连接请求的类是ServerSocket,ServerSocket对象用于监听来自客户端的Socket连接,如果没有连接,它将一 ...

  2. 介绍一下主流的浏览器的开发者工具(js调试和查看网络请求）

    1.打开开发者工具:右键-->检查 (快捷键 f12) 2.开发者工具介绍: (1): 选择页面的dom进行查看 (2):设备适配 (3)元素: ① 可以查找到界面对应的dom: ② 通过计算样 ...

  3. Chrome 调试 react-native 通过Network面板查看网络请求

    参考 https://github.com/facebook/react-native/issues/934 三楼 真机或模拟器下 Debug JS Remotely, 会打开chrome,地址为ip ...

  4. 移动端打印输出内容以及网络请求-vconsole.js

    今天,无意间从别人那里得知一个很好的js插件--vconsole.min.js,可以实现在移动端打印输出内容以及查看网络请求.下面记录使用方式. 1.下载vconsole.min.js插件 以下复制了 ...

  5. Charles截获iPhone网络请求

    Charles介绍:Charles是在Mac下常用的截取网络封包的工具,在做iOS开发时,有时为了调试与服务器端的网络通讯协议,常常需要服务端原因一起调试.有了Charles客户端人员自娱自乐了,想怎 ...

  6. iOS：根据日志去定位网络请求发生的错误是由于服务端造成的，还是客户端造成的？

    一.介绍 在项目开发中,服务端和客户端的协作尤为重要,而连接它们的最重要的环节之一就是网络请求,对于服务端而言,如果这个环节出现了错误,那么安全性就无从谈起,同时对于客户端而言,如果这个模块出现了错误 ...

  7. 在mac上如何用safari浏览器调试ios手机的移动端页面

    第一步 打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器] 第二步 打开Mac上Safari的开发者模式,流程是[Safari ...

  8. safari 调试iPhone web页面

    safari设置-打开Safari偏好者设置,选中“高级菜单”,在页面最下方看到“在菜单中显示开发菜单”的复选框,在复选框内打钩,这样设置完毕就能在Safari菜单中看到开发菜单了 iPhone 设置 ...

  9. 使用微信web开发者工具调试微信企业号页面（前端页面，已发布在服务器上的）

    前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大.这篇文章只是做一个记录,方便自己以后使 ...

随机推荐

  1. Hibernate基础学习(七)—检索方式

    一.概述      Hibernate有五种检索方式. 1.导航对象图检索方式      根据已经加载的对象,导航到其他对象. Order order = (Order)session.get(Ord ...

  2. FunDA：一个开源的函数式数据处理工具库，也是Slick的补充

    如果你是一个Slick用户,或者你是一个数据库编程人员正在尝试进入函数式编程模式,那么FunDA可能会帮到你. 目前市面上FRM(Functional Relational Mapper),即函数式的 ...

  3. 在IntelliJ IDEA中添加repository模板

    可以用于快速新建一个repository类,减少开发时间 在IntelliJ IDEA settings设置中(ctrl+alt+s)--Editor--File and Code Templates ...

  4. [Python]再学 socket 之非阻塞 Server

    再学 socket 之非阻塞 Server 本文是基于 python2.7 实现,运行于 Mac 系统下 本篇文章是上一篇初探 socket 的续集, 上一篇文章介绍了:如何建立起一个基本的 sock ...

  5. ios runtime部分事例方法说明

    一.场景--动态改变变量 unsigned ; Ivar *ivar = class_copyIvarList([self.person class], &count); ; i<cou ...

  6. MySQL两个最简单的delimiter的使用demo

    今天复习MySQL,使用的工具是Navicat for MySQL,写了两个简单的delimiter的demo. 第一个,获取当前时间的年月日时分秒格式的时间: delimiter $$ drop f ...

  7. struts2之拦截器

    1. 为什么需要拦截器 早期MVC框架将一些通用操作写死在核心控制器中,致使框架灵活性不足.可扩展性降低, Struts 2将核心功能放到多个拦截器中实现,拦截器可自由选择和组合,增强了灵活性,有利于 ...

  8. vim 字符串替换整理

    公司项目测试,要在vi编辑其中进行多路径修改,这时候用到了字符串替换的知识,在这里我自己整理了一下. 一.基本内容替换,无特殊符号 :s/old/new/  替换当前行第一个 old 为 new   ...

  9. 京东商城首页jquery轮播特效

    <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...

  10. 设计模式的征途—3.抽象工厂（Abstract Factory）模式

    上一篇的工厂方法模式引入了工厂等级结构,解决了在原来简单工厂模式中工厂类职责太重的原则,但是由于工厂方法模式的每个工厂只生产一类产品,可能会导致系统中存在大量的工厂类,从而增加系统开销.那么,我们应该 ...