首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

记录一次 Safari 调试 iPhone Web Page

But,可能和我的搜索方式有关吧,Boss 提供了一个链接,LZ 亲自实验了下,以下是 LZ 操作过程,特此记录,点滴记录美好生活~ 冲鸭~ 首先放置一张如何通过 Safari 调试 iPhone Web...其实,主要是通过打开 Safari 开发模式并且启动 JSContext 网页检查器进行调试。...本篇主要演示以下俩种方式: 开启 iOS 模拟器进行调试 连接 iPhone 进行调试 原理一样,步骤一样,分开记录,避免未来出现忘记情况。 同样的坑,不想再次跌倒第二次。...首先,开启 Safari 开发菜单,如下图所示: ? 1 开启 iOS 模拟器进行调试 Step 1:启动 iOS 模拟器,随后打开浏览器,键入准备调试的网址。...随后选择「开发 —> 模拟器 —> 以及要调试的网址」 ? 随后,开始浪吧~ 2 连接 iPhone 进行调试 打开 iPhone,找到设置中的 Safari 浏览器,开启如下俩个按钮: ?

1.6K10
您找到你想要的搜索结果了吗?
是的
没有找到

使用Safari或者Chrome远程调试IOS Safari中的页面

【转载请注明出处】:https://blog.csdn.net/huahao1989/article/details/108020899 1 使用Safari浏览器调试 1.1 打开Mac的 Safari...浏览器的“开发”菜单 运行 Safari 浏览器,然后依次选取“Safari 浏览器”>“偏好设置”,点按“高级”面板,然后勾选“在菜单栏中显示开发菜单”。...[image.png] 1.2 开启IPhoneSafari调试模式 启用 Web 检查 功能,打开 iPhone 依次进入 设置 > Safari浏览器 > 高级 > 网页检查器 > 启用。...[image.png] 1.3 调试步骤 先用IPhoneSafari打开要调试的页面,然后将IPhone连到Mac上,打开Mac的Safari浏览器,在“开发”菜单中选择连接的手机,找到调试的网页...2 使用Chrome浏览器调试 先将IPhone手机连上电脑进行下面的操作。

18.1K00

移动web真机调试方案

Chrome手机模拟器 Chrome手机模拟器适合简单移动网页调试,支持模拟触摸事件,还能够模拟各种移动设备的user-agent和屏幕大小,是移动端web开发的主要调试方式。...,然后打开chrome://inspect、访问外国网站、连接手机就可以调试了 2.2 iOS + Safari iPhone和Mac自带Safari浏览器,但同样要使用USB连接到PC,然后分别对...Mac和iPhone进行如下设置: Mac浏览器设置:Safari -> 偏好设置 -> 高级 -> 勾选"在菜单栏中显示开发" iPhone 设置:设置 -> Safari -> 高级 -> 打开...Web 检查器 通过手机的 Safari 来打开 H5 页面,然后将Mac上的Safari浏览器打开,选择开发 -> iPhone,就出现调试界面了,在iPhone上也能断点调试js了。...注意: Mac上可以使用Simulator模拟器(需要先安装Xcode),可以模拟调试多个版本iPhone手机,还可以配合Safari调试页面,此模拟器的完成度几乎可以替代真机。

2.9K164

移动web真机调试方案

Chrome手机模拟器 2. Chrome/Safari真机调试 2.1 Android + chrome 2.2 iOS + Safari 3. spy-debugger调试 4....,然后打开chrome://inspect、访问外国网站、连接手机就可以调试了 2.2 iOS + Safari iPhone和Mac自带Safari浏览器,但同样要使用USB连接到PC,然后分别对...Mac和iPhone进行如下设置: Mac浏览器设置:Safari -> 偏好设置 -> 高级 -> 勾选"在菜单栏中显示开发" iPhone 设置:设置 -> Safari -> 高级 -> 打开...Web 检查器 通过手机的 Safari 来打开 H5 页面,然后将Mac上的Safari浏览器打开,选择开发 -> iPhone,就出现调试界面了,在iPhone上也能断点调试js了。...注意: Mac上可以使用Simulator模拟器(需要先安装Xcode),可以模拟调试多个版本iPhone手机,还可以配合Safari调试页面,此模拟器的完成度几乎可以替代真机。

1.4K30

极速适配 iPhone X 秘笈

iPhone X 模拟器 H5调试 介绍 加入适配代码后,在没 iPhone X 的情况下,可以通过 iPhone X 模拟器调试,像手机QQ / 手机空间里的 H5 页面,可以通过在模拟器上安装手机QQ... / 手机空间app,然后调用 Safari 调试。...运行模拟器 系统要求: 1. Mac OS 10.12.6 以上 2. Xcode 9.0 以上 步骤:在 Xcode 打开一个空白项目,选择 iPhone X 模拟器,并点击运行按钮即可。...H5 调试 安装应用后,在应用里访问 H5 页面,然后打开 Safari(需要开启 Safari 的开发工具),在菜单中选择开发-Simulator-页面地址 ,就可以用 Safari 的检查器对其作调试了...(当有多个页面地址,将鼠标移至二级菜单的某一个页面地址时,模拟器页面屏幕会有蓝色遮罩出现时则是选中了本页面地址),有些时候 Safari 识别不到模拟器,只需退出 Safari ,点一下模拟器屏幕,再重新打开

1.3K40

【HTML5 理论知识】就H5调试技巧,浅谈:iPhone X 适配方案!

缺点:适配iPhone X时需要同时考虑其他iOS11机型下会不会受到影响。 以上只分析竖屏webview下的情况,横屏webview可以自行通过模拟器进行研究。接下来介绍一下模拟器的使用。...iPhone X模拟器 H5调试 介绍 加入适配代码后,在没iPhone X的情况下,可以通过iPhone X模拟器调试,像手机QQ/手机空间里的H5页面,可以通过在模拟器上安装手机QQ/手机空间app...,然后调用Safari调试。...H5 调试 安装应用后,在应用里访问H5页面,然后打开Safari(需要开启Safari的开发工具),在菜单中选择开发-Simulator-页面地址 ,就可以用Safari的检查器对其作调试了。...(当有多个页面地址,将鼠标移至二级菜单的某一个页面地址时,模拟器页面屏幕会有蓝色遮罩出现时则是选中了本页面地址),有些时候Safari识别不到模拟器,只需退出Safari,点一下模拟器屏幕,再重新打开Safari

3.3K80

自动化-Appium-​第一个Demo-Web(Python版)

2.2编写脚本 2.2.1模拟器 1、使用Xcode创建模拟器,例如:本章示例模拟器iPhone 8,IOS版本11.3。...2、在模拟器启动浏览器进行测试,所以在脚本参数browserName中指定浏览器,本章示例指定模拟器Safari浏览器,则参数填写 desired_caps['browserName'] = 'Safari...方式一:通过Mac上的Safari 首先将模拟器上的Safari打开,之后访问百度首页;之后打开Mac上的Safari,选择开发--->模拟器,可以看到此时模拟器打开的Webview页面,例如:百度首页...`instruments -s devices`得到的可使用的设备名称之一 # 在Android上,这个关键字目前不起作用 desired_caps['deviceName'] = 'iPhone 8'...脚本执行步骤: (1)启动模拟器Safari (2)打开百度首页 (3)搜索框输入Appium (4)点击百度一下 (5)关闭模拟器Safari 2.3.2真机 1、开启Appium服务(任选一种即可

2.3K10

iOS 模拟器调试大法了解一下?

本文作者:IMWeb HuQingyang 原文出处:IMWeb社区 未经同意,禁止转载 前段时间,老板说:iPhone 又出了那么多新机型,你搞下兼容吧。我:测试机呢?老板说:没有。...开始调试 首先在模拟器中启动 Safari,打开调试的页面 然后在 Mac 上启动 Safari,在首选项中启用开发菜单 ? 模拟器访问需要调试的页面,在开发菜单中找到我们的页面: ?...WebView 调试 除了直接调试 Safari 中的页面,我们还可以借助模拟器调试 APP 中的 Web 页面。...可以在 APP 中直接打断点、走单步调试等等,从此跟 eruda 等手动打 log 的调试器说拜拜~ 首先我们需要客户端同学给模拟器打一个.app包,把包拖到模拟器安装。...PS: 打给 iPhone 的 .app 包不能直接给模拟器使用(会闪退),因为模拟器是运行在 X86 指令集上的,需要专门打包。

3.1K10

自动化-Appium-第一个Demo-Web(Java版)

第一个Demo-Web 本章Web所指的是移动端(模拟器/真机)里的浏览器(如:Chrome、Safari)。...8、第一个Demo项目,IOS-Web(模拟器/真机)创建完成。 2.2编写脚本 2.2.1模拟器 1、使用Xcode创建模拟器,例如:本章示例模拟器iPhone 8,IOS版本11.2。...2、在模拟器启动浏览器进行测试,所以在脚本参数browserName中指定浏览器,本章示例指定模拟器Safari浏览器,则参数填写 capabilities.setCapability("browserName...方式一:通过Mac上的Safari 首先将模拟器上的Safari打开,之后访问百度首页;之后打开Mac上的Safari,选择开发--->模拟器,可以看到此时模拟器打开的Webview页面,例如:百度首页...脚本执行步骤: (1)启动模拟器Safari (2)打开百度首页 (3)搜索框输入Appium (4)点击百度一下 (5)关闭模拟器Safari 2.3.2真机 1、开启Appium服务(任选一种即可

2.2K10

通过 Mac 远程调试 iPhoneiPad 上的网页

iOS 6 给 Safari 带来了远程的 Web 检查器工具(Remote Web Inspector),你可以通过模拟器或者真实的设备(通过 USB 连上 Mac)进行调试。...下面我讲讲详细的调试过程: 1. 要进行远程调试,首先要打开开启 iPhone/iPad 上的 Safari 的远程调试功能,“通过 设置 > Safari > 高级”开启: 2....最后把 iPhone 或者 iPad 通过数据线连上 Mac 电脑,打开桌面版的 Safari(目前 iOS 6 的 Safari 远程调试只支持通过 Mac 上的桌面版的 Safari 进行,Safari...for Windows 目前还没有此项功能),点击开发菜单,选择你调试iPhone/iPad 的设备名,选择调试的网页。...最后就是调用桌面版的 Safari 的 Web 检查器对 iPhone/iPad 上的 Safari 应用进行调试: 这个调试过程和我们平常在 Mac/PC 上调试基本一样,比如可以对 HTML 和

1.6K20

iOS 模拟器调试大法了解一下?

前段时间,老板说:iPhone 又出了那么多新机型,你搞下兼容吧。我:测试机呢?老板说:没有。我:??? 这让我十分为难,毕竟巧妇难为无米之炊,于是我只好使出绝招:模拟器大法! 一....开始调试 首先在模拟器中启动 Safari,打开调试的页面 然后在 Mac 上启动 Safari,在首选项中启用开发菜单 模拟器访问需要调试的页面,在开发菜单中找到我们的页面: 就可以愉快的玩耍了...WebView 调试 除了直接调试 Safari 中的页面,我们还可以借助模拟器调试 APP 中的 Web 页面。...可以在 APP 中直接打断点、走单步调试等等,从此跟 eruda 等手动打 log 的调试器说拜拜~ 首先我们需要客户端同学给模拟器打一个 .app包,把包拖到模拟器安装。...然后启动 APP,访问要调试的 Web 页面,如法炮制,如图,就可以愉快的玩耍了~ PS: 打给 iPhone 的 .app 包不能直接给模拟器使用(会闪退),因为模拟器是运行在 X86 指令集上的

2K10

iPhone页面的常用调试方法

iPhone调试,大体上与上文 安卓中的移动页面调试 类似,区别主要是iOS系统中的一些限制,导致某些工具无法使用。 本文基于此,简要介绍在iPhone中如何调试页面。...最终可以实现在Mac平台使用Safari(或结合ios_webkit_dubug_proxy使用Chrome)调试手机中Safari的页面,结合Charles进行抓包请求断点,再通过微信ipa包重签名来调试微信的...不过对于iPhone调试,还需要进行真机的页面查看 一般来说,iPhone中的页面是在Safari浏览器中查看的 微信中的内置浏览器是WKWebView内核或 UIWebView ,WKWebView...这个方法需要结合Mac的Safari浏览器使用,通过Mac与iPhone进行连接来调试 ?...: scoop install git 关联包集:scoop bucket add extras 安装工具:scoop install ios-webkit-debug-proxy USB连接设备(或模拟器

3.3K10

在Windows上调试iPhoneiPad的safari浏览器

Inspect来调试safari浏览器(因为iPhone上面的QQ/微信没有x5内核,所以只能调试safari了) 准备工作 Windows 10/11 - 当然win也可以,前提是PowerShell...版本大于3 Scoop - Windows上面最好用包管理器 iPhone - 建议iPhone 14 Pro Max 1TB,如果没有的话,有Safari也行 数据线 - 这个不用我多说了吧,得有线连接...远程调试 打开你的iPhone设置,找到Safari浏览器,然后划到最下面高级,之后开启网页检查器,然后使用数据线将iPhone连接到电脑,在手机的弹窗中选择信任该电脑即可,如果没有提示可能是你没安装iTunes...这时候在你的safari浏览器里面打开你要调试的网页,就能在Remote Target中看到了,剩下的就不用我多说了吧。...如无特殊说明《在Windows上调试iPhone/iPad的safari浏览器》为博主MoLeft原创,转载请注明原文链接为:https://moleft.cn/post-291.html

3.1K20

IDA + GDBServer实现iPhone程序远程调试

IDA + GDBServer实现iPhone程序远程调试 By:obaby 在早期的IDA中包含了一个iphoneserver的程序,这个程序就是配合IDA实现远程调试的。...所以一直以来调试iPhone上的二进制程序只能悲催的使用ssh+gdb进行调试,虽然调试器的功能还算可以,但是每次调试都需要设置显示,只能使用命令进行控制,因而用起来还是不是十分爽。...本文主要是介绍下IDA实现远程iPhone程序调试的方法,当然这样调试还存在一些问题,如果大家有什么好的解决方案还请不吝赐教。...dl.dbank.com/c0x3g91rwc  ☆文章版权声明☆ * 网站名称:obaby@mars * 网址:https://h4ck.org.cn/ * 本文标题: 《IDA + GDBServer实现iPhone...程序远程调试》 * 本文链接:https://h4ck.org.cn/2011/08/ida-gdbserver-iphone-debug/ * 转载文章请标明文章来源,原文标题以及原文链接。

1.4K30
领券