iOS 16.4 Safari 开发遇阻：Web页面调试成难题！

2023-09-14 04:41:45

iOS 16.4 悄然改变 Safari 调试格局

WebKit 改动导致调试功能失效

iOS 16.4 的更新给广大开发者带来了一个意外的难题：Safari 中的 Web 页面调试功能不再正常工作。这突如其来的变化让许多开发者感到措手不及，严重影响了他们的工作效率。

经调查发现，问题的根源在于 WebKit，一种被 Safari 和其他苹果应用程序广泛使用的开源浏览器引擎。在 iOS 16.4 中，苹果对 WebKit 做出的改动移除了一个名为 _WKRemoteWebInspectorClient 的协议，而该协议正是 Safari 调试功能实现的关键。

开发者苦不堪言

此项功能的失效给开发者带来了极大的不便，特别是那些依赖 Safari 调试来检查和改进 Web 页面的开发者。他们纷纷表达了他们的沮丧和担忧，甚至有人将此称为 "致命打击"。

苹果做出回应

面对开发者的强烈不满，苹果公司做出了回应，承认了问题的存在并表示正在努力修复。同时，苹果建议开发者在等待期间使用其他浏览器，如 Chrome 或 Firefox，来进行调试工作。

开发者自寻出路

尽管苹果做出了修复承诺，但何时能修复此问题尚不得而知。在等待期间，开发者可以尝试以下几种方法来解决 Safari 调试难题：

使用其他浏览器： 如 Chrome 或 Firefox，支持 Web 页面调试。
使用远程调试工具： 如 weinre 或 chrome-remote-interface，可在远程设备上进行调试。
使用真机调试： 即直接在真机设备上进行调试，但可能需要额外的配置和步骤。
使用第三方工具： 如 React Native Debugger 或 Flipper，专门用于调试 Web 和移动应用程序。

代码示例

使用 chrome-remote-interface 进行远程调试

// 在 Chrome DevTools 中：
chrome.remoteInterface.Target.getTargets(function(err, targets) {
  if (err) return;

  targets.forEach(function(target) {
    console.log('Target: ' + target.targetInfo.title);
  });
});

// 在 Web 页面中：
const client = await chrome.remoteInterface.connect();
const { Runtime, Console } = client;

await Runtime.enable();
await Console.enable();
await Runtime.evaluate({
  expression: 'console.log("Hello, world!")'
});
client.close();

使用 React Native Debugger 进行调试

import { connect, sendAction } from 'react-native-debugger';

const connection = connect('localhost', 8081);

connection.on('message', (message) => {
  // 处理调试信息
});

sendAction({
  action: 'show-debugger',
});