文档章节

使用safari对webview进行调试

杭城小刘
 杭城小刘
发布于 2016/12/08 10:47
字数 280
阅读 183
收藏 2
点赞 0
评论 0

在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使用效果啊。

© 著作权归作者所有

共有 人打赏支持
杭城小刘
粉丝 14
博文 108
码字总数 47960
作品 0
杭州
iOS工程师
调试iOS App的WebView

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

昊翔 ⋅ 2015/06/27 ⋅ 0

我想用手机测试自己写的web页面,该怎么做?

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

hhj187 ⋅ 2016/10/16 ⋅ 0

H5 与 Native 交互之 JSBridge 技术

做过混合开发的很多人都知道Ionic和PhoneGap之类的框架,这些框架在web基础上包了一层Native,然后通过Bridge技术使得js可以调用视频、位置、音频等功能。本文就是介绍这层Bridge的交互原理,...

有赞前端 ⋅ 2017/08/21 ⋅ 0

safari调试webview找不到页面

safari调试app内部的webview网页时,发现在safari设备里面找不到打开的这个文件,如果不在app内部打开,而是在手机上的safari打开就能找到。用的是xcode7,有遇到这种情况的吗...

Eric ⋅ 2015/11/26 ⋅ 0

您不能错过的 Safari 10.0 新特性

作为一名前端,您可以忽略昨晚 WWDC 的更新,但您一定不能错过这篇文章。Safari 10.0 随之发布,带来了不少新的特性,为开发者带来福音。小编参照官方文档,为大家整理翻译,便于阅读,么么哒...

oschina ⋅ 2016/06/15 ⋅ 9

Android 4.4 中 WebView 使用注意事项

Android 4.4 中 WebView 使用注意事项 自Android 4.4起,Android中的WebView开始基于Chromium( 这大概是因为Android部门负责人从Andy Rubin变成了Chrome部门的主管Sundar Pichai了吧,^_^)...

Cundong ⋅ 2014/09/24 ⋅ 4

移动端Web开发调试之Chrome远程调试(Remote Debugging)

在智能手机还未普及时,移动设备的调试处处是alert的,这估计是最常用的办法了。以前很多时候为了预览页面在移动设备上的效果,需要先将页面上传到测试服务器,再将url输入到设备浏览器,或者...

hqxluoyang ⋅ 2016/07/10 ⋅ 0

将一个网站撸成App很简单

漂亮的皮囊千篇一律, 有趣的灵魂就是老夫啦。 这位看文章的小哥,还在无聊的套接口解析数据吗? 来来来,鸡排君带你玩一把将一个网站撸成App。 本篇是一个实战文章讲解, 在无接口的情况下,...

香脆的大鸡排 ⋅ 2017/08/07 ⋅ 0

五大APP安全在线检测平台对比

Android APP检测之自动化检测实战:五大APP安全在线检测平台对比 - FreeBuf.COM Android APP本文作者:ice@DMZLab 最近一直在研究的检测,写了一个系列的文章——手工检测,自动化检测,常见...

Ho0oH ⋅ 2017/10/31 ⋅ 0

Android APP检测之自动化检测实战:五大APP安全在线检测平台对比

Android APP本文作者:ice@DMZLab 最近一直在研究的检测,写了一个系列的文章——手工检测,自动化检测,常见漏洞分析。今天给大家带来的是自动化检测。本篇没有深入的讲解每一个漏洞的详情,...

亭子happy ⋅ 06/13 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

NFS介绍 NFS服务端安装配置 NFS配置选项

NFS介绍 NFS是Network File System的缩写;这个文件系统是基于网路层面,通过网络层面实现数据同步 NFS最早由Sun公司开发,分2,3,4三个版本,2和3由Sun起草开发,4.0开始Netapp公司参与并主导...

lyy549745 ⋅ 17分钟前 ⋅ 0

Spring AOP 源码分析 - 筛选合适的通知器

1.简介 从本篇文章开始,我将会对 Spring AOP 部分的源码进行分析。本文是 Spring AOP 源码分析系列文章的第二篇,本文主要分析 Spring AOP 是如何为目标 bean 筛选出合适的通知器(Advisor...

java高级架构牛人 ⋅ 40分钟前 ⋅ 0

HTML-标签手册

标签 描述 <!--...--> 定义注释。 <!DOCTYPE> 定义文档类型。 <a> 定义锚。超链接 <abbr> 定义缩写。 <acronym> 定义只取首字母的缩写。 <address> 定义文档作者或拥有者的联系信息。 <apple......

ZHAO_JH ⋅ 41分钟前 ⋅ 0

SylixOS在t_main中使用硬浮点方法

问题描述 在某些使用场景中,应用程序不使用动态加载的方式执行,而是跟随BSP在 t_main 线程中启动,此时应用代码是跟随 BSP 进行编译的。由于 BSP 默认使用软浮点,所以会导致应用代码中的浮...

zhywxyy ⋅ 49分钟前 ⋅ 0

JsBridge原理分析

看了这个Github代码 https://github.com/lzyzsd/JsBridge,想起N年前比较火的Hybrid方案,想看看现在跨平台调用实现有什么新的实现方式。代码看下来之后发现确实有点独特之处,这里先把核心的...

Kingguary ⋅ 今天 ⋅ 0

Intellij IDEA神器常用技巧五-真正常用快捷键(收藏级)

如果你觉得前面几篇博文太啰嗦,下面是博主多年使用Intellij IDEA真正常用快捷键,建议收藏!!! sout,System.out.println()快捷键 fori,for循环快捷键 psvm,main方法快捷键 Alt+Home,导...

Mkeeper ⋅ 今天 ⋅ 0

Java 静态代码分析工具简要分析与使用

本文首先介绍了静态代码分析的基本概念及主要技术,随后分别介绍了现有 4 种主流 Java 静态代码分析工具 (Checkstyle,FindBugs,PMD,Jtest),最后从功能、特性等方面对它们进行分析和比较,...

Oo若离oO ⋅ 今天 ⋅ 0

SpringBoot自动配置小记

spring-boot项目的特色就在于它的自动配置,自动配置就是开箱即用的本源。 不过支持一个子项目的自动配置,往往比较复杂,无论是sping自己的项目,还是第三方的,都是如此。刚接触会有点乱乱...

大_于 ⋅ 今天 ⋅ 0

React jsx 中写更优雅、直观的条件运算符

在这篇文字中我学到了很多知识,同时结合工作中的一些经验也在思考一些东西。比如条件运算符 Conditional Operator condition ? expr_if_true : expr_if_false 在jsx中书写条件语句我们经常都...

开源中国最帅没有之一 ⋅ 今天 ⋅ 0

vim编辑模式与命令模式

5.5 进入编辑模式 从编辑模式返回一般模式“Esc” 5.6 vim命令模式 命令 :“nohl”=no high light 无高亮,取消内容中高亮标记 "x":保存退出,和wq的区别是,当进入一个文件未进行编辑时,使...

弓正 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部