Safari/Chrome调试WebView

最新推荐文章于 2025-03-25 19:51:22 发布
最新推荐文章于 2025-03-25 19:51:22 发布
阅读量1.2w 收藏 9
点赞数 4
分类专栏： iOS代码调试 文章标签： iOS WebView Chrome Safari
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hello_Hwc/article/details/80721246
版权
本文介绍了在iOS应用中调试WebView的方法，包括使用Safari的开发菜单进行调试，开启Web检查器，以及如何选择要调试的网页。同时，文章也提到了Chrome调试的适用场景，如H5开发，并详细阐述了使用ios-webkit-debug-proxy和remotedebug-ios-webkit-adapter进行Chrome调试的步骤。

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

前言

最近在写《iOS代码调试》系列的博客，估计会有十篇以上的内容，等到都写完了会在Github以一个仓库的形式开源出来，欢迎关注我的Github：

WebView

大多数App会选择H5去实现某些弱交互但是却需要热更新界面，这时候WebView就派上用场了，那么如何对WebView进行调试呢？

Safari

开启开发菜单

Safari -> 偏好设置

勾选“在菜单栏显示开发菜单”

设备的Safari调试

设置 -> Safari -> 高级 - > 开启Web检查器

选择要调试的网页

在App内打开对应的Webview

状态栏点击开发 -> 选择设备 -> 选择网页

最低0.47元/天 解锁文章
Chrome远程调试webview
lkr
06-09 3524
Chrome远程调试webview
Android WebView调试利器之 Chrome DevTools
热门推荐
li_Struggle的专栏
08-06 1万+
前言Android开发时不时需要与H5交互这个时候如果没有能调试的工具效率简直是极低，我们项目就有一个活动页面需要与H5交互，当时还不知道有这么一个调试工具的时候只能用alert()(关键是这个问题他在本地运行是ok的在服务器才有问题这种问题最不好定位如果有这么一个工具那简直是So Easy)。当我觉得效率这么低的情况下，我在想是不是应该会有调试工具呢？（因为IOS有） 所以我就直接查google
iOS：Safari或Chrome调试Webview
wangqiuwei07的专栏
01-26 2145
一、查看iOS设备上Safari浏览器的页面 1.准备步骤 【Mac】使用 Safari 浏览器的“开发”菜单 请选取“Safari 浏览器”>“偏好设置”，点按“高级”，然后选择“在菜单栏中显示开发菜单”。 【iPhone】开启调试模式 要远程调试 IOS Safari ，必须启用 Web 检查 功能，打开 iPhone 依次进入 设置 > Safari > 高级 > W...
Webview详解（上）
最新发布
Dengzm94
03-25 3011
特性底层引擎ChromiumWebKit性能较好，低端设备可能卡顿更优，特别在 JavaScript 执行进程模型运行在主进程独立进程API 设计灵活但复杂现代且简洁缓存与存储功能较弱功能强大安全性默认较低，需手动配置默认较高兼容性设备碎片化，需适配设备一致，兼容性好开发体验文档详细，学习曲线陡文档清晰，学习曲线平缓。
浏览器(chrome)调试app webview页面
sinat_41694829的博客
06-07 4597
浏览器调试安卓app页面
Chrome调试WebView加载的网页
u012693479的博客
07-24 5178
有时候我们需要在WebView上打开网页，有的还需要两端交互，但是如果出现了问题，就很难找到问题原因，因为没法像浏览器那样可以调试。 Chrome有个黑科技就解决了这个问题，可以调试在手机上打开的任何网页，包括手机浏览器和应用内的WebView。 但是要注意的一点是需要FQ，不然到了第四步是出不来的。 要求 1.Chrome 32 以上版本； 2.Android 4.0 以上版本。 一：打开Chrome的菜单 - 更多工具 - 开发者工具 二：在开发者工具的窗口，点击三个点，打开Mor..
Android WebView 开发通过 chrome://inspect 调试页面设置
elewen110的专栏
09-26 1万+
出现这种问题的原因是在调试界面需要先通过chrome官方链接加载支持调试功能的相关依赖，但是这个链接应该是被墙了，因此需要挂梯子，之后就不需要了，这个依赖会被浏览器缓存下来。3. 手机端/模拟器安装移动端chrome浏览器，如果是配合pc端chrome调试，手机端chrome版本不能比pc端chrome版本高，否则可能无法成功调试。此外也可以使用手机端chrome+pc端edge调试，同样的，调试之前有必要将pc端edge更新至最新版本，edge版本号不能低于手机端chrome版本。
iOS简单到无门槛调试WebView的步骤详解
08-27
在Xcode的图形调试界面中，由于其专注于原生UI元素，因此无法直接调试WebView内容。为了解决这个问题，我们可以利用Safari浏览器的Web检查器功能。以下是如何启用和使用这一功能的步骤： 1. **启用Web检查器**： -...
VS Code和Chrome DevTools下在iOS设备上调试Safari与WebView的新工具介绍
- **调试协议适配器**：这意味着适配器将一种协议（例如Chrome调试协议）转换为另一种协议，使得不同工具间可以相互通信。在这个案例中，是将Chrome DevTools等工具的调试协议适配到iOS设备上的Safari和WebView中。 ...
remotedebug-ios-webkit-adapter：使用VS Code和Chrome DevTools等工具在iOS上调试Safari和WebView
02-03
RemoteDebug iOS WebKit适配器是一种协议适配器，可以从VS Code，Chrome DevTools，Mozilla Debugger.html等工具和与Chrome调试协议兼容的其他工具调试iOS上的Safari和WebView。 在中型博客上的介绍博客文章中了解...
chrome调试h5移动端(含android,ios)
hahahhahahahha123456的博客
11-10 4140
chrome调试h5移动端 chrome调试(window+android) 需要条件：1.安卓开发人员需要对你页面调试得webview添加setWebContentsDebuggingEnabled得静态方法。 2.windows电脑可以爬~梯子或者安装chrome-inspect离线开发者工具包 梯~子工具：https://cp.greennode.info chrome-i...
chrome调试webview
Jason's Word
11-17 3054
1.来看下高大上的chrome://inspect  通过它和USB，你可以调试andriod手机上的h5页面，非常的方便和强大。 它支持以下的调试： 1.浏览器tab页打开的h5页面  2.webview里面打开的页面  3.实时将你andriod设备的屏幕录制到你的开发机上  4.通过port forwarding和virtual host mapping调试你自己的开发服务器
ioswebview混编_iOS调试WebView,简单到无门槛
weixin_32770423的博客
12-23 222
问题来源近来这段时间一直在写内嵌在App中的Html,虽然在HBuilder中可以轻易的使用各种浏览器轻易调试Html,但是在Xcode中想调试Html却并不容易.Xcode的图形调试界面只能调试原生的UI.WKWebView和UIWebView只能显示黑屏.如下图所示.使用Safari浏览器调试WebView使用Safari浏览器调试WebView比较简单无需过多的程序配置,只需点击几个开关按钮...
通过Chrome实时调试webview
Tomes.V.White
12-11 1247
为了方便webview的动态调试，googl官方提供了一个好用的调试途径，即使用Google浏览器调试Android端的webview页面 方法 1.确保pc的adb环境 不懂的请看https://blog.csdn.net/zmeilin/article/details/89317269 2.手机开启开发者模式，并且Usb 连接到电脑 3.Android工程里的webView代码 开启调试模式 mWebView.setWebContentsDebuggingEnabled(true); 修
iOS中的webview调试
weixin_45940569的博客
04-30 947
前提：mac数据线脸上iPhone，mac系统不低于iPhone系统（safari版本）。最近开发ios上app的h5，xcode中的调试窗口查看不到web的log，让端侧加上。即可在safari的调试窗口查看所有log。
ios webview调试
weixin_30551947的博客
11-24 309
chrome://inspect/#devices if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT){ WebView.setWebContentsDebuggingEnabled(true); } 转载于:https://www.cnblogs.com/zh...
【iOS进阶】chrome调试IOS的webview
Hanrovey Blog
03-29 648
chrome调试IOS的webview
chrome 调试 iOS safari
frankxixu的专栏
08-23 869
chrome 必须是45.0.2454.85的版本，否则无法执行js，控制台不能调试js 非常重要   https://www.jianshu.com/p/e4e3dedfe36b brew update   遇到权限问题： sudo chgrp -R admin /usr/local sudo chmod -R g+w /usr/local 继续： brew inst...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值