如何以编程方式从 WebView 对象中弹出 Webkit 的 Web Inspector？

Question

如何以编程方式从 WebView 对象中弹出 Webkit 的 Web Inspector？

我成功了 在我的 WebView 上启用 Webkit 的 Web Inspector。 它运行良好，现在我可以通过单击上下文菜单上的“检查元素”来弹出它。 我想用我的按钮来做到这一点。但我找不到合适的方法来做到这一点。 我的 DOM 知识已经有 10 年了，对于当今的 HTML DOM 来说还是个新手。 有什么办法可以做到这一点吗？

我找到了一个类文档： 检查器控制器。我认为这是一种关键。但我不知道暴露了什么对象以及如何使用它。

环境：

• Mac OS X 10.6
• Xcode 3.2.1（iPhone SDK，无插件）

Answer 1

这里有一些代码可以帮助您以编程方式从 cocoa 打开它：

@interface WebInspector : NSObject
{
    WebView *_webView;
}
- (id)initWithWebView:(WebView *)webView;
- (void)detach:(id)sender;
- (void)show:(id)sender;
- (void)showConsole:(id)sender;
@end

void MyWebKit::ShowInspector(bool console){
  if ( !m_webView )
      return;

  if( !m_inspector ){
    m_inspector = [[WebInspector alloc] initWithWebView:m_webView];
    [m_inspector detach:m_webView];
  }

  if(console){
    [m_inspector showConsole:m_webView];
  }
  else {
    [m_inspector show:m_webView];
  }
}

要将其扩展到 dom，只需将此函数公开给 JS 即可。

Answer 2

对于那些对 @alex MacCaw 的答案（它是 c++）感到困惑的人，这里有一个更“正常”的版本..

在您的 .m 文件中...声明 WebInspector 标头方法..

@interface WebInspector : NSObject  { WebView *_webView; }
- (id)initWithWebView:(WebView *)webView;
- (void)detach:     (id)sender;
- (void)show:       (id)sender;
- (void)showConsole:(id)sender;
@end

然后在同一版本中文件，无论是您的应用程序委托，还是 WebView 子类，或者任何...声明一个 ivar 来“保存您的检查器，并使用您的 Web 视图实例或属性创建一个方法来打开它，或者任何。 ...

@implementation AppController  { WebInspector *_inspector; }

- (IBAction)showInspector:(id)x {
   _inspector = _inspector = [WebInspector.alloc initWithWebView:_myWebView];
  [_inspector      detach:_myWebView];
  [_inspector showConsole:_myWebView];
}
....

Answer 3

没有用于通过 DOM 或 Cocoa 与 WebInspector 交互的公共 API。您应该在 https://bugreport.apple.com/ 提交增强请求，请求使用此 API。

InspectorController 也是 WebInspector 的内部实现细节，它可能是文档网站上的一个错误。