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

如何使用Safari在我的Mac应用程序中调试WKWebView?

在Mac应用程序中使用Safari调试WKWebView的步骤如下:

  1. 确保你的Mac上安装了最新版本的Safari浏览器和Xcode开发工具。
  2. 在你的Mac应用程序项目中,找到使用WKWebView的代码部分。
  3. 在代码中添加以下代码,以启用Safari调试功能:
代码语言:txt
复制
webView.configuration.preferences.setValue(true, forKey: "developerExtrasEnabled")
  1. 运行你的应用程序,并在Xcode中选择“Product”菜单下的“Scheme”选项。
  2. 在Scheme选项中,选择你的应用程序的Scheme,并点击右侧的“Edit Scheme”。
  3. 在弹出的窗口中,选择“Run”选项卡,并在左侧的列表中选择“Arguments”选项。
  4. 在“Arguments Passed On Launch”部分,点击“+”按钮添加一个新的参数。
  5. 在新添加的参数中,输入以下内容:
代码语言:txt
复制
-WebKitDeveloperExtras
  1. 点击“Close”关闭Scheme编辑窗口。
  2. 在Xcode中点击运行按钮,启动你的应用程序。
  3. 打开Safari浏览器,在菜单栏中选择“Develop”选项。
  4. 在“Develop”菜单中,你应该能够看到你的应用程序的名称。
  5. 将鼠标悬停在你的应用程序名称上,会显示一个下拉菜单,其中列出了可以调试的Web视图。
  6. 选择你想要调试的WKWebView,Safari将打开一个新的调试窗口。
  7. 在调试窗口中,你可以使用Safari的开发者工具来检查和调试你的WKWebView中的网页内容。

总结:通过在代码中启用开发者选项,并在Xcode中配置Scheme参数,你可以在Safari浏览器中调试你的Mac应用程序中的WKWebView。这样可以方便地检查和调试Web视图中的网页内容,以解决可能出现的问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

【转载请注明出处】:https://blog.csdn.net/huahao1989/article/details/108020899 1 使用Safari浏览器调试 1.1 打开Mac的 Safari...浏览器的“开发”菜单 运行 Safari 浏览器,然后依次选取“Safari 浏览器”>“偏好设置”,点按“高级”面板,然后勾选“在菜单栏中显示开发菜单”。...[image.png] 1.3 调试步骤 先用IPhone 的Safari打开要调试的页面,然后将IPhone连到Mac上,打开Mac的Safari浏览器,在“开发”菜单中选择连接的手机,找到调试的网页...2.1 安装部署ios-webkit-debug-proxy 在Mac终端中输入如下命令直接使用brew安装,等安装完成之后启动proxy。...在Mac 的Chrome中打开 localhost:9221 ,可以看到当前已连接的设备列表,找到设备然后点击进去。

22.9K00

Hybrid App 应用 开发中 9 个必备知识点复习(WebView 调试 等)

库加载并使用, UIWebView 中限制了; WKWebView 目前缺少关于页码相关的 API; WKWebView 提供加载网页进度的属性; WKWebView 使用 Safari 相同的 JavaScript...更强大的 WebView 界面调试功能需要 Chrome31 或更高版本。 Android 应用程序中的 WebView 配置为可调试模式。...参考文章:《iOS之Safari调试webView/H5页面》 一般我们通过 Mac 的 Safari浏览器 来调试,但是要注意两点: 如果调试的是 APP 中 WebView 的页面,则需要这个...如果调试的是 H5 页面,可以直接在手机的 Safari浏览器 打开直接调试。 下面开始说说在 Mac 上如何调试: 1....开启 Safari 开发菜单 先将 iPhone 连接到 Mac,在 Mac 的 Safari 偏好设置中,开启开发菜单。

3.2K00
  • iPhone页面的常用调试方法

    在iPhone中调试,大体上与上文 安卓中的移动页面调试 类似,区别主要是iOS系统中的一些限制,导致某些工具无法使用。 本文基于此,简要介绍在iPhone中如何调试页面。...最终可以实现在Mac平台使用Safari(或结合ios_webkit_dubug_proxy使用Chrome)调试手机中Safari的页面,结合Charles进行抓包请求断点,再通过微信ipa包重签名来调试微信的...WKWebView 在Windows中结合Fiddler与ios_webkit_debug_proxy中转实现Chrome调试手机的Safari浏览器 一、能够访问页面 某些页面需要设置HOST才能进行访问...不过对于iPhone的调试,还需要进行真机的页面查看 一般来说,iPhone中的页面是在Safari浏览器中查看的 微信中的内置浏览器是WKWebView内核或 UIWebView ,WKWebView...这个方法需要结合Mac的Safari浏览器使用,通过Mac与iPhone进行连接来调试 ?

    3.4K10

    如何远程调试在K8S POD中的Java应用程序!

    如果没有现成的,那我们可以使用 https://k3s.io 在本地运行一个轻量级 Kubernetes 集群。 我们将使用此 K3s 集群来部署我们的应用程序。...value: '-Xdebug -agentlib:jdwp=transport=dt_socket,address=0.0.0.0:5005,server=y,suspend=n' 对我们来说,最重要的是在部署中设置的环境变量...现在可以使用 helm install 命令来部署应用程序。 部署应用程序后,需要将 5005 端口进行转发以附加我们的调试器。...使用 Intellij 附加远程调试器 要附加调试器,请转到 IDEA 右上角的运行部分并添加远程 JVM 调试运行配置。 如图所见,上面显示的命令行参数与我们指定为部署文件中的环境变量的值相同。...小结 本文介绍了如何打包 springboot docker 镜像,如何部署到 k8s 集群中, 以及如何通过 idea 或者 vscode 远程调试 k8s 集群中的 java 应用程序。

    2.6K50

    我在 Mac 中使用过的那些 shell 工具

    很多时候我们需要使用命令行进行一些操作,在 Mac 中有自带的终端(Terminal)可以使用,但功能比较简单,其他的一些工具也使用过不少,下面就简单介绍下我在 Mac 中用过的一些命令行工具。...使用也很方便,而且还支持中文,目前是我的主要 shell 工具,不过功能虽然强大我也只是用到了 ssh ,SFTP 我用的另一个工具 Transmit 。...8、设置状态栏 在 iTerm2 的设置中启动状态栏: 点击 Configure Status Bar 按钮进行设置: 9、设置背景 iTerm2 可以设置背景和窗口透明、毛玻璃效果,我尝试后决定只设置一个背景比较好看...10、关闭单击选框 iTerm2 更新 3.5.0 版本后,点击窗口出现紫色框,如下图: 因为我设置了背景,这样选中后就变得非常难看,可以在设置中进行关闭: 11、设置右键粘贴 选中复制,右键粘贴这是我使用...shell 时的个人习惯,当然在 iTerm2 中也可以进行右键粘贴的设置: 顶部页签选择 Pointer 后,下面的二级页签选择 Bindings 添加一个新的绑定,按照上图的配置即可

    1.6K10

    如何在Electra越狱的设备上使用LLDB调试应用程序

    在3月18日的时候,我就曾发表过一篇关于在Electra越狱的设备上使用LLDB调试应用程序的文章。本文我将在此基础上,做进一步的更新优化。...我试图在google搜索,有关使用Electra越狱的iOS设备上调试AppStore应用程序的简要说明。但令我失望的是,竟然没有找到任何有用的资料。...接着在Xcode中你应该看到,如下红框内所示的信息: ? 等到“准备调试支持iPhone”完成。然后在设备上检查 /Developer/usr/bin/debugserver。...通过USB进行调试 对我而言,它只在我通过USB进行调试时才有效。如果Mac上未安装iproxy,请通过brew进行安装: ? 然后在Mac控制台中运行: ? 最后,将iPhone连接到USB。...如果你遇到了错误则, 在没有调试器的情况下运行应用程序 如前一节所述,将调试器attach到应用程序 关闭(LLDB)应用程序 尝试在调试器下再次运行应用程序 *参考来源:kov4l3nko,FB小编

    2.3K40

    如何改善应用程序在 Linux 中的启动时间

    简而言之,一旦安装了 Preload,你使用较为频繁的应用程序将可能加载的更快。 在这篇详细的教程中,我们将去了解如何安装和使用 Preload,以改善应用程序在 Linux 中的启动时间。...在 Linux 中使用 Preload 改善应用程序启动时间 Preload 可以在 AUR 上找到。...从现在开始,Preload 将监视频繁使用的应用程序,并将它们的二进制文件和库添加到内存中,以使它的启动速度更快。...我每天只打开狂吃内存的应用程序(比如,Firefox、Chrome、VirtualBox、Gimp 等等)一到两次,并且它们始终处于打开状态,因此,它们的二进制文件和库被预读到内存中,并始终整天在内存中...我一般很少去关闭和打开这些应用程序,因此,内存使用纯属浪费。 如果你使用的是带有 SSD 的现代系统,Preload 是绝对没用的。

    3.8K10

    分享我用Qt开发的应用程序【二】在Qt应用程序中使用字体图标fontawesome

    为了使用简单,需要先写一个单件类,头文件的代码如下: 其中静态方法Instance保证IconHelper的实例全局唯一 (注意构造函数已经私有化了) #ifndefICONHELPER_H #defineICONHELPER_H...应用程序所在目录下创建res目录,并放置字体文件/res/fontawesome-webfont.ttf 然后加载到全局字体中 #include"IconHelper.h" IconHelper*IconHelper...SetIcon(ui->RightBtn,QChar(0xf178),12); 详见:http://fontawesome.io/cheatsheet/ ----------------------- 我又开发了一个桌面日历的小程序分享给大家...1、黑色背景是我的桌面颜色,大家可以忽略 2、虽然右键菜单里写了“开机自启动”,但我并没有开发这个功能,请见谅 3、我会在下一篇文章里公布这个小程序的源码,敬请期待 4、这个小程序会始终在你的桌面上,...你点显示桌面,它还是在你的桌面上 ?

    1.8K70

    问题记录

    --more--> 图片黑色的问题 测试反馈的是,拍摄了一张图片,上传之后,安卓可以加载出来,iOS显示是黑色,其他图片正常; 最开始笔者以为是 SDWebImage加载这张图片失败了,断点调试后,发现图片加载成功并没有失败...然后笔者取到照片的链接在 Chrome 中打开,发现图片是可以显示的;在 Safari 中打开,是黑色的;且从 Chrome 中右键保存到本地,预览中打开也是黑色。...这张图片的在 Mac OS 和 iOS 中渲染都是黑色的。...WKWebview加载xlsx 文件,预览不了的问题 笔者这边的情况是,打开了一个网页,网页中的有个按钮,点击之后的链接,正常在电脑浏览器上打开是下载,在 iOS 的 WKWebview中打开是预览。...于是怀疑是摄像头坏了一颗, 默认是使用正常的摄像头拍摄,当拍远景或者缩放调到2倍时使用了广角的镜头,用户的应该是正常摄像头坏掉了,而另一颗远景的是好的。 但是为什么企业微信的是好的?

    1.3K20

    如何使用Solitude评估应用程序中的用户隐私问题

    无论是好奇的新手还是更高级的研究人员,Solitude可以帮助每一名用户分析和研究应用程序中的用户隐私安全问题。...关于证书绑定 如何你打算使用Solitude来测试移动应用程序的话,对于非越狱设备,如果应用程序或嵌入应用程序的第三方SDK使用了证书绑定,那么你可能无法捕捉到所有的HTTP流量。...因为证书绑定是一种安全机制,可确保应用程序与之通信的服务器是其预期的服务器。但是,Solitude目前还不支持证书绑定绕过。...工具安装 macOS-Docker安装 首先,我们需要使用下列命令将该项目源码克隆至本地: git clone https://github.com/nccgroup/Solitude 接下来,我们需要安装...数据库配置 我们还需要修改Solitude的数据库默认密码,编辑.env文件中的密码即可。 项目地址 Solitude:【https://github.com/nccgroup/Solitude】

    1.1K10

    iOS 真机调试微信小程序

    除了这三种方式之外,我们还可以使用真机远程调试,在 iOS 上可以通过实现 Safari 调试代码,安卓中可以安装 X5 内核的 inspect 版本,开启 Chrome remote debug 模式...使用真机调试不仅可以发现开发者工具中不能发现的 bug,还能帮助我们理解小程序的运行原理。 下面介绍下如何使用 Xcode、Reveal 和 Safari 来真机调试 iOS 上的小程序。...检查器打开」 首先登录微信账号,打开需要调试的小程序,打开后在 Mac 电脑上打开「Safari -> 开发」找到自己的 iPhone 手机,选择对应的页面就可以进行调试了。...[ltnwsqkeav.png] 调试 page-frame.html page-frame 的页面是普通的 WebView 容器,可以在 Safari 中直接 debug,下面我打开了自己正在开发的项目...于是我自己用云开发的 API 实现了一个「新鲜天气」的小程序,并将我在开发中的过程以及比较好的经验,整理成了一本电子书,放在了腾讯云学院上《从0到1实现天气查询小程序》。

    8.5K100

    H5如何与原生App通信?

    但需要注意的是,Safari浏览器使用的浏览器控件和UIwebView组件并不是同一个,两者在性能上有很大的差距。...幸运的是,苹果发布iOS8的时候,新增了一个WKWebView组件容器,如果你的APP只考虑支持iOS8及以上版本,那么你就可以使用这个新的浏览器控件了。...RN容器 在react-native开发中,从rn 0.37版本开始官方引入了组件,在安卓中调用原生浏览器,在IOS中默认调用的是UIWebView容器。...,我们可以还做更多的优化,比如将每个回调函数调用后自我销毁释放内存 四、调试 安卓使用chrome://inspect进行调试,需要翻墙 IOS使用mac safari的develop选项进行调试 使用...RN的http://localhost:8081/debugger-ui 只能调试RN代码,无法调试webView代码,RN下webView调试和对应native相同,但是在chrome://inspect

    6.1K20

    我在使用 Go 过程中犯过的低级错误

    循环中引用迭代器变量 循环迭代器变量是一个在每次循环迭代中采用不同值的单个变量。如果我们一直使用一个变量,可能会导致不可预知的行为。...解决方法也很简单,v 作为一个参数传入 goroutine 中,每个 v 都会被独立计算并保存到 goroutine 的栈中,从而得到预期的结果。...4行创建了一个子Goroutine来处理一个请求,这是Go服务器程序中的一个常见做法。...另一个解决方法是在第6行使用一个带有空默认情况的选择语句,这样如果没有Goroutine收到ch,就会发生默认。尽管这个解决方案可能并不总是有效。...不使用 -race 选项 我经常见到的一个错误是在测试 go 应用的时候没有带 -race 选项。

    2.1K10

    iOS WKWebView设置cookie方法总结

    这个问题首先你要明白,WKWebView有自己的进程,使用自己的存储空间来存储cookie和cache,WKWebView会忽视NSURLCache、NSHTTPCookieStorage、NSCredentialStorage...我自己的项目里面已经全部删除了它的使用 第一种:通过NSMutableURLRequest设置cookie(js开发的不推荐) 以我项目为例,这种方法设置的cookie,不能被js读取到,在浏览器调试中也不能看到...第二种:在WKWebview初始化的时候,通过js注入 这种方式不好的地方就是,只能在初始化的时候注入,如果cookie的值发生变化,就需要重新初始化,就变得比较low。...如图: cookie丢失问题,网上资料很多,不做详细说明,附图一张即可: 最后可能还会遇到问题,前端获取不到,但是我的cookie确实设置成功了,在safari调试器中可以明确的看到cookie确实设置成功了...所以cookie中尽量设置一些无关紧要的参数,或者就尽量不去使用。 毕竟cookie这个坑,踩起来难受!!! 个人不推荐使用Cookie!

    6.3K31

    写写对于Web开发需要知道的 2017 WWDC

    一年一度2017WWDC,想来对于我们Web开发者来说还是有很多可圈可点的更新需要我们学习的,特别是在Hybrid领域开发的同学们,要知道,这些知识点就是这一年里,你可能会使用到的。...新增对WebAssembly的支持,这玩意最近在前端社区很火,对于提高应用性能有帮助 iOS系统(safari)上新增了一系列的拖放 开发工具中的 Resource timing 新了更新,主要是可以帮助开发来确认...Web应用程序的客户端性能问题,以及收集网页上每一个资源的全部网路计时详细测量结果 如果你关注过PWA那么你应该知道一个将Web应用添加到主屏幕的特性,没错,iOS上在很早之前就支持这个特性,不过此刻,...新增对于font variations(字体形变)的支持 新增支持 css stroke规范中定义的属性 Web开发工具的更新以及Safari的扩展,(捂脸,表示调试一直用的Chrome,至于扩展还要收费...这个话题,在知乎上有很多讨论,不过想要明白的是,至少Safari团队还是有努力成果的,至少开始针对ES6进行优化了,Chrome有待加油。

    56530

    SafariChrome调试WebView

    WebView 大多数App会选择H5去实现某些弱交互但是却需要热更新界面,这时候WebView就派上用场了,那么如何对WebView进行调试呢?...Safari 开启开发菜单 Safari -> 偏好设置 勾选“在菜单栏显示开发菜单” 设备的Safari调试 设置 -> Safari -> 高级 - > 开启Web检查器 选择要调试的网页 在App...内打开对应的Webview 状态栏点击开发 -> 选择设备 -> 选择网页 然后,就可以通过safari调试这个网页了 对于iOS原生开发来说,用的做多的还是终端,比如你要测试一个WKWebView的JSBridge...Chrome调试 Chrome调试比较适合写H5的同学,因为在这里可以使用类似React/Redux等插件来提高效率。...准备工作: 开启iOS设备中Safari设置的WebContent检查器 确保手机被系统信任 安装:ios-webkit-debug-proxy brew install ios-webkit-debug-proxy

    1.4K20
    领券