如何在iOS模拟器打开网页时启动Safari debugger调试页面初始执行代码

• 先完成基础调试环境配置
  • 打开Mac端Safari，点击顶部菜单栏「Safari」→「设置」→「高级」，勾选底部「在菜单栏中显示"开发"菜单」
  • 启动iOS模拟器，打开模拟器内置Safari应用，进入「设置」→「Safari浏览器」→「高级」，开启「Web检查器」选项；如果是调试App内嵌WKWebView，需确保App为Debug编译模式，且iOS 16.4+版本已主动给对应WebView设置isInspectable = true属性
• 配置启动阶段代码捕获规则
  • 先在模拟器中打开一个任意空白页面，从Mac端Safari顶部「开发」菜单中找到对应模拟器的空白页入口，点击进入调试界面
  • 切换到调试界面的「Sources」面板，左下角找到暂停执行的图标，右键勾选在所有脚本执行时暂停，也可在「事件断点」列表中勾选「DOM 加载」「所有脚本断点」两类断点，确保页面初始化阶段的JS执行都会被调试器捕获
  • 切换到「网络」面板，勾选保留日志(Persist Logs)，避免页面刷新/跳转时初始化请求日志被清空
• 执行调试操作
  • 保持调试界面不关闭，在模拟器Safari中直接输入目标页面地址打开，或是触发App WebView的加载逻辑，调试器会自动在页面第一行JS代码执行前暂停，此时即可逐步调试完整的初始化阶段逻辑，查看所有初始请求、代码执行堆栈信息
• 额外注意事项
  • 部分iOS模拟器版本重启后会自动关闭Web检查器开关，每次重启模拟器后需重新确认该配置生效
  • 调试线上页面时若断点不生效，可暂时关闭页面的内容安全策略(CSP)限制，避免CSP规则阻止调试断点注入

内容的提问来源于stack exchange，提问作者user17084171