使用safari浏览器开发工具调试webview（仅适用于iPhone）

最新推荐文章于 2025-07-03 10:33:25 发布
最新推荐文章于 2025-07-03 10:33:25 发布
阅读量1.2k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端调试 文章标签： safari webview 调试 iPhone iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37477349/article/details/88290324
本文提供了Safari浏览器在手机端和PC端的调试配置方法，包括如何开启JavaScript和Web检查器，以及安卓设备的调试技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.手机端配置：设置 -> safari浏览器 -> 高级 -> 打开JavaScript & Web检查器

2.pc端配置：safari浏览器 选择开发 -> xx的MacBook Pro -> 自动显示JSContext 的网页检查器

安卓调试请看另一篇

iOS小技能：使用Safari调试手机WebView请求 & Mac 搭建本地 http 服务（支持自定义站点目录和端口）
专注于计算机研发知识和资讯分享
10-02 1万+
iOS逆向分析基础：使用Safari调试手机WebView请求
HTML5+app开发学习之调试篇
cug-jdc的博客
10-22 5266
HTML5+app开发学习之调试篇 HBuilder对前端代码的调试方式有边改边看、真机运行、模拟器调试、浏览器调试等。
iOS开发：调试webView的小技巧
wuwuFQ的博客
08-28 1664
在iOS开发过程中，我们会碰到WebVIew加载成功，但是内部有ajax请求失败了，移动端是没有日志的，怎么排查问题呢？F12生产环境，还有auth认证，前两条就无法满足了。
iOS Safari调试WebView
竹毛言己
06-16 3268
使用Safari可以调试iPhone/模拟器上的WebView，查看网页加载进度，js耗时等。 1、在真机/模拟器上加载一个WebView。 就是简单的加载一个WebView。 2、打开Safari浏览器 开发->选择模拟器/真机->选择正在加载的网页，即可打开网页检查器。 可以查看在加载这个网页时，加载了哪些文件，如加载了哪些js文件，加载这些文件耗时等情况。 可以清空缓存，重新刷新页面，开发->清空缓存，之后直接点击网页检查器左上角的刷新按钮即可重新加载当前的WebView进行调.
MacOS Safari 如何打开F12 开发者工具 Developer Tools
最新发布
媛媛
07-03 738
If you’re a web develper, the Safari Develop menu provides tools you can use to make sure your website works well with all standards-based web browsers. If you don’t see the Develop menu in menu bar,https://developer.apple.com/safari/tools/
使用safari对webview进行调试
热门推荐
沸腾的泪水的专栏
12-01 1万+
转载自:  http://www.brighttj.com/ios/ios-user-safari-debug-webview.html 在web开发的过程中，抓包、调试页面样式、查看请求头是很常用的技巧。其实在iOS开发中，这些技巧也能用（无论是模拟器还是真机），不过我们需要用到mac自带的浏览器Safari。所以，本文将讲解如何使用Safari对iOS程序中的webview进行调试。
使用Safari浏览器调试WebView
weixin_30652271的博客
12-04 232
开发中有时遇到WebView出现问题，但是有无法确定具体原因，需要与前端联调解决。可以使用Safari浏览器调试WebView，只需点击几个开关按钮即可. 首先打开模拟器或者真机设置中"Safari浏览器"→"高级"→"Web检查器"的开关 如下图所示. 然后我们打开Mac电脑的Safari浏览器,打开系统偏好设置(快捷键 commond + ,)...
教你如何使用Windows电脑对IOS手机上的网页进行调试
CodingCat
07-29 5462
你会看到下面的页面：这个时候随便选择一个页面，右键复制链接到调试页面进行输入，这个时候输入回车，你会发现并没有什么用。安装scoop，scoop会默认安装到C:\Users\（自己的用户名）\scoop文件夹里面，也可以指定安装目录。这个时候过一会，大概率是能看到应用了，并且已经出现了inspect按钮。这个时候点击过去，大概率页面会是空白。打开“设置”→找到“Safari 浏览器”点击进去→往下滑找到“高级”进行点击→打开“Web检查器”。那么可以开启梯子之后，重新执行，顺利的话可以解决这个问题。
VS Code和Chrome DevTools下在iOS设备上调试Safari与WebView的新工具介绍
在介绍如何使用VS Code和Chrome DevTools等工具在iOS上调试Safari和WebView之前，我们首先要理解一些基础知识和相关技术背景。 ### 标题知识点分析 - **RemoteDebug iOS WebKit适配器**：这是一个允许开发者通过...
iOS 用safari调试webview
Lydia的博客
01-10 4025
iOS 用safari调试webview需要先打开模拟器，后打开Safari，否则可能会出现在Safari-开发下看不到simulator1.打开iPhone或者模拟器上的web调试器设置-Safari-高级-web检查器 右侧按钮打开2.safari 工具栏显示开发【Safari】-【偏好设置】-【高级】-勾选【在菜单栏中显示“开发”菜单】 3.创建一个包含webview的demo@interf
UIWebView---使用Safari进行调试
Nero的专栏
02-06 2145
使用Safari进行调试 打开Safari的调试模式 选择safari--preference--advanced 勾选Show Develop menu in menu bar 打开Safari的调试模式 打开设置---Safari---高级---web检查器 在程序中打开要调试的网页 这样就可以对web进行调试了
iOS中的webview调试
weixin_45940569的博客
04-30 1005
前提：mac数据线脸上iPhone，mac系统不低于iPhone系统（safari版本）。最近开发ios上app的h5，xcode中的调试窗口查看不到web的log，让端侧加上。即可在safari的调试窗口查看所有log。
iOS 16.4后 Safari 开发中不能调试Web页面
司小文的专栏
04-25 6686
项目中有WKWebView, iPhone和模拟器 升级到16.4后 不能使用Safari 调试? 以前挺好的为啥现在不行了?
iOS：Safari或Chrome调试Webview
wangqiuwei07的专栏
01-26 2204
一、查看iOS设备上Safari浏览器的页面 1.准备步骤 【Mac】使用 Safari 浏览器的“开发”菜单 请选取“Safari 浏览器”>“偏好设置”，点按“高级”，然后选择“在菜单栏中显示开发菜单”。 【iPhone】开启调试模式 要远程调试 IOS Safari ，必须启用 Web 检查 功能，打开 iPhone 依次进入 设置 > Safari > 高级 > W...
safari无法调试iphone提示“无可检查的应用程序”的解决方法
p15097962069的博客
07-21 2044
safari无法调试iphone提示“无可检查的应用程序”的解决方法
如何在mac上的safar调试Xcode中模拟器加载的网页
HelloWorld_1986的博客
12-12 6447
如何在mac上的safar调试Xcode中模拟器加载的网页公司的项目是混合开发的，免不了要对webView加载的网页进行调试，之前都是在火狐浏览器中进行调试的（PS：当然我只是进行一些简单的调试），今天leader告诉我可以通过safari直接调试模拟器里面的网页，回来百度一下，果然可以，分享给大家。 1.在模拟器中的设置中找到Safari 2.打开safari设置，点开最下面的高级，打开W
iOS17使用safari调试wkwebview
xo19882011的专栏
01-30 4542
但是这个功能突然到了iOS17之后发现不能用了，还以为又是苹果搞得bug，每次升级都有一些问题，可能要过一段时间才能修复。但是过了一段时间还是老样子，查了一下发现这个又是为了安全做的一层限制。之前开发wkwebview的页面的时候一直使用safari调试，毕竟jssdk交互还是要用这个比较方便，虽说用一个脚本插件没问题。想要调试还必须把这个设置给打开，行吧行吧。改完了果然又能够愉快的调试了。首先打开设置，然后选择safari，在选择高级设置，打开网络检查器。顺便回顾一下手机端safari的配置。
Mac 自带浏览器 Safari 如何开启 Web 网页开发者调试模式？
猫头虎技术团队：授渔优于赠鱼，兴趣引领智慧，探索之乐尤显珍贵。商务合作+：Libin9iOak ，万粉变现+：优快云WF，猫头虎承诺每年免费为100名C站创作者做账号流量诊断服务！全网搜：猫头虎技术团队，点击文章底部名片或直接私信我一切皆可谈，快找虎哥！
01-07 7906
Mac 自带浏览器 Safari 如何开启 Web 网页开发者调试模式？ 大家好，我是猫头虎，今天为大家带来一篇关于 Safari 浏览器如何开启开发者调试模式 的详细教程！Safari 是 macOS 的默认浏览器，虽然在开发者圈子中不如 Chrome 普及，但其内置的开发工具功能强大，尤其在调试 iOS 和 macOS 系统的网页表现时非常有用。跟着这篇教程，让我们快速掌握开启 Safari 开发者调试模式的方法吧！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值