如何实现UIPasteboard数据自动填充至UIWebView网页指定表单字段？

Hey there! Let's walk through this step by step—since you already have your barcode data stored in UIPasteboard, we're already halfway to getting it into that web form field. Here's exactly how to implement this using webViewDidFinishLoading:

Step 1: Set Up UIWebView Delegate #

First, make sure your view controller conforms to the UIWebViewDelegate protocol and sets the delegate for your web view. This lets you hook into the webViewDidFinishLoad method, which triggers when the web page is fully loaded.

Objective-C Example #

// In your ViewController.h or ViewController.m (class extension)
@interface ViewController () <UIWebViewDelegate>
@property (nonatomic, strong) UIWebView *webView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // Initialize and configure the web view
    self.webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
    self.webView.delegate = self; // Critical: set the delegate
    
    // Load your target web page
    NSURL *targetURL = [NSURL URLWithString:@"https://your-web-page-url.com"];
    [self.webView loadRequest:[NSURLRequest requestWithURL:targetURL]];
    
    [self.view addSubview:self.webView];
}

@end

Swift Example #

class ViewController: UIViewController, UIWebViewDelegate {
    var webView: UIWebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // Initialize and configure the web view
        webView = UIWebView(frame: view.bounds)
        webView.delegate = self // Critical: set the delegate
        
        // Load your target web page
        if let targetURL = URL(string: "https://your-web-page-url.com") {
            webView.loadRequest(URLRequest(url: targetURL))
        }
        
        view.addSubview(webView)
    }
}

Step 2: Implement webViewDidFinishLoad to Inject JavaScript #

This is where the magic happens. We'll grab the barcode data from UIPasteboard, then use JavaScript to populate the specific form field on the loaded web page.

Key Notes Before Coding: #

• You need to know the selector for your form field (e.g., its id, name, or class). To find this:
  1. Open your web page in Safari
  2. Right-click the form field and select "Inspect Element"
  3. Look for attributes like id="barcode-input" or name="barcode" (use id if available—it's unique)
• Always escape special characters (like single quotes) in your barcode data to avoid breaking the JavaScript syntax.

Objective-C Implementation #

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    // Get barcode data from pasteboard
    UIPasteboard *generalPasteboard = [UIPasteboard generalPasteboard];
    NSString *barcodeData = generalPasteboard.string;
    
    if (barcodeData.length == 0) {
        NSLog(@"No barcode data found in pasteboard");
        return;
    }
    
    // Escape single quotes to prevent JavaScript syntax errors
    NSString *escapedBarcode = [barcodeData stringByReplacingOccurrencesOfString:@"'" withString:@"\\'"];
    
    // Build JavaScript to fill the form field (replace "barcode-input" with your field's ID)
    NSString *fillFormJS = [NSString stringWithFormat:@"document.getElementById('barcode-input').value = '%@';", escapedBarcode];
    
    // Execute the JavaScript in the web view
    [webView stringByEvaluatingJavaScriptFromString:fillFormJS];
}

Swift Implementation #

func webViewDidFinishLoad(_ webView: UIWebView) {
    // Get barcode data from pasteboard
    guard let barcodeData = UIPasteboard.general.string, !barcodeData.isEmpty else {
        print("No barcode data found in pasteboard")
        return
    }
    
    // Escape single quotes to prevent JavaScript syntax errors
    let escapedBarcode = barcodeData.replacingOccurrences(of: "'", with: "\\'")
    
    // Build JavaScript to fill the form field (replace "barcode-input" with your field's ID)
    let fillFormJS = "document.getElementById('barcode-input').value = '\(escapedBarcode)';"
    
    // Execute the JavaScript in the web view
    webView.stringByEvaluatingJavaScript(from: fillFormJS)
}

Alternative Selectors (If ID Isn't Available) #

If your form field doesn't have an ID, use one of these alternatives in your JavaScript:

• By Name: document.getElementsByName('barcode-name')[0].value = '\(escapedBarcode)' (note: getElementsByName returns an array, so we use [0] for the first match)
• By Class: document.getElementsByClassName('barcode-class')[0].value = '\(escapedBarcode)'

Important Tips for New Developers #

1. Wait for the Page to Load: Never run this JavaScript before webViewDidFinishLoad—the form field won't exist yet!
2. Test the JavaScript: You can test your JS code directly in Safari's Developer Tools (go to Safari > Preferences > Advanced > Check "Show Develop menu in menu bar") to make sure it works on your web page.
3. Consider WKWebView: Apple has deprecated UIWebView in favor of WKWebView (it's faster and more secure). If you're starting a new project or can upgrade, WKWebView uses evaluateJavaScript(_:completionHandler:) for JS execution, which is more robust.

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