文档章节

使用safari对webview进行调试

杭城小刘
 杭城小刘
发布于 2016/12/08 10:47
字数 280
阅读 1K
收藏 2

码上生花,ECharts 作品展示赛正式启动!>>>

在web开发的过程中,抓包、调试页面样式、查看请求头是很常用的技巧。其实在iOS开发中,这些技巧也能用(无论是模拟器还是真机),不过我们需要用到mac自带的浏览器Safari。所以,本文将讲解如何使用Safari对iOS程序中的webview进行调试。

1、打开真机(模拟器)的开发者模式

【设置】-> 【Safari】 -> 【高级】 -> 【Web检查器】打开

2、打开MBP上的Safari的开发者模式:

【Safari】->【偏好设置】->【高级】-> 【在菜单栏中显示“开发”菜单】勾选。

3、调试你的WebView页面。

4、在MBP的Safari选项中的开发,看到手机,右击可以看到正在调试的WebView的url

5、在弹出的这个框里面可以查看网页源代码以及可以调试样样式、查看localStorage、sessionStorage、Cookie的值等等,给原生端调试带来很大方便,不过这样前端调试更加方便啊,谷歌的模拟器不能完全模真实环境下的iphone使用效果啊。

© 著作权归作者所有

杭城小刘

杭城小刘

粉丝 66
博文 112
码字总数 116404
作品 0
杭州
iOS工程师
私信 提问
加载中
请先登录后再评论。
调试iOS App的WebView

UIWebView算是在iOS中使用较多的一个控件,但Xcode并没有提供工具让我们调试WebView。那么如何调试WebView呢?Android用Chrome,iOS下当然就得用Safari啦。 首先,我们需要在Safari显示Devel...

昊翔
2015/06/27
6.3K
0
iOS调试WebView,简单到无门槛

问题来源 近来这段时间一直在写内嵌在App中的Html,虽然在HBuilder中可以轻易的使用各种浏览器轻易调试Html,但是在Xcode中想调试Html却并不容易.Xcode的图形调试界面只能调试原生的UI.WKWebV...

神经骚栋
2018/07/11
0
0
iOS中web app调试(mac)

原文 iOS中web app调试(mac).md 目录 一、真机联调配置 二、mac上Safari配置及真机联调 三、iOS模拟器使用 四、在iOS模拟器中安装app 近期公司vue项目开发,目的是一次开发,多平台发布,其中...

osc_3xczhhq6
2019/04/22
14
0
app native和 h5的通信方式-- jsbridge

什么是移动端通信? 有哪些是需要了解的开发背景知识? 怎么样开始一个移动端项目开发和调试呢? 看这篇文档记录,够入门 go---> 1 IOS 和Android底层和js的交互原理 ios提供UIWebView 组件,...

osc_2snvc4af
2019/09/29
5
0
我想用手机测试自己写的web页面,该怎么做?

作者:不爱吃西红柿的鱼 链接:https://www.zhihu.com/question/37361845/answer/71674280 来源:知乎 一、IOS 移动端 (Safari开发者工具) 手机端:设置 → Safari → 高级 → Web 检查器 ...

hhj187
2016/10/16
274
0

没有更多内容

加载失败,请刷新页面

加载更多

Web前端 - Vue

<!-- id标识vue作用的范围 --><div id="app"> <!-- {{}} 插值表达式,绑定vue中的data数据 --> {{ message }}</div><script src="vue.min.js"></script><script> // 创建一个......

osc_7dwwmolq
19分钟前
9
0
至联云讲解《看IPFS数据存储优势》

近期,Youtube在与新冠病毒疫情错误信息做斗争的同时,也造成了一些“附带损害”,导致一些无辜的内容被错误删除。 Youtube删除了五段视频,其中两段是关于有争议的药物羟氯喹,另一段是关于...

雨中的IPFS
20分钟前
18
0
LNMPA 中PHP 连接MySQL,公网访问

一、前言 本文承接上一篇文章Centos 7 nginx+php 实现公网访问,实现LNMPA的环境配置。 在前文中,【4.3 修改端口】涉及了修改nginx 端口的问题,这里做一个补充。 问题说明: LNMPA 中的是A...

osc_i7pg9ead
21分钟前
8
0
puppet部署及应用

简介 puppet是一种Linux、Unix、windows平台的集中配置管理系统,使用自有的puppet描述语言,可管理配置文件、用户、cron任务、软件包、系统服务等。puppet把这些系统实体称之为资源,puppe...

osc_3grma05a
23分钟前
9
0
[ERR] 1273 - Unknown collation: 'utf8mb4_0900_ai_ci'

使用navicate12运行sql文件出错 报错: [ERR] 1273 - Unknown collation: 'utf8mb4_0900_ai_ci' 1 报错原因: 生成转储文件的数据库版本为8.0,要导入sql文件的数据库版本为5.6,因为是高版本导...

osc_2wq8ft8d
24分钟前
24
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部