How to remove the top toolbar of the Webview keyboard in iOS

Preface

By default, when iOS uses Webview to open a web page, there will be an extra toolbar at the top of the pop-up keyboard when typing in form.

There are two up and down buttons on the left and a Done/Complete button on the right. This is used to switch the input box, just like pressing the Tab key on your PC to switch the input box.

In order to make the H5 embedded in the App closer to Native, we can remove it.

UIWebView

UIWebView, can be used[self hideKeyboardShortcutBar:]Remove the toolbar.

- (void) hideKeyboardShortcutBar: (UIView *)view
{
 for (UIView *sub in ) {
  [self hideKeyboardShortcutBar:sub];
  if ([NSStringFromClass([sub class]) isEqualToString:@"UIWebBrowserView"]) {
   
   Method method = class_getInstanceMethod(, @selector(inputAccessoryView));
   IMP newImp = imp_implementationWithBlock(^(id _s) {
    if ([sub respondsToSelector:@selector(inputAssistantItem)]) {
     UITextInputAssistantItem *inputAssistantItem = [sub inputAssistantItem];
      = @[];
      = @[];
    }
    return nil;
   });
   method_setImplementation(method, newImp);
   
  }
 }
}

WkWebView

WkWebView, can be used[self hideWKWebviewKeyboardShortcutBar:]Remove the toolbar.

// Step 1: Create a _NoInputAccessoryView@interface _NoInputAccessoryView : NSObject
@end
@implementation _NoInputAccessoryView
- (id)inputAccessoryView {
 return nil;
}
@end

// Step 2: Remove the WkWebviewe Done toolbar- (void) hideWKWebviewKeyboardShortcutBar:(WKWebView *)webView {
 UIView *targetView;
 
 for (UIView *view in ) {
  if([[ description] hasPrefix:@"WKContent"]) {
   targetView = view;
  }
 }
 if (!targetView) {
  return;
 }
 NSString *noInputAccessoryViewClassName = [NSString stringWithFormat:@"%@_NoInputAccessoryView", ];
 Class newClass = NSClassFromString(noInputAccessoryViewClassName);
 
 if(newClass == nil) {
  newClass = objc_allocateClassPair(, [noInputAccessoryViewClassName cStringUsingEncoding:NSASCIIStringEncoding], 0);
  if(!newClass) {
   return;
  }
  
  Method method = class_getInstanceMethod([_NoInputAccessoryView class], @selector(inputAccessoryView));
  
  class_addMethod(newClass, @selector(inputAccessoryView), method_getImplementation(method), method_getTypeEncoding(method));
  
  objc_registerClassPair(newClass);
 }
 
 object_setClass(targetView, newClass);
}

Summarize

The above is the entire content of this article. I hope that the content of this article has certain reference value for your study or work. Thank you for your support.