Hey there! I totally get your frustration—Selenium’s API makes web automation feel straightforward, but iOS WebViews have their own set of rules that can leave you scratching your head. Let’s walk through exactly how to replicate that Selenium-style autofill and button click functionality in iOS, whether you’re using WKWebView (the modern, recommended option) or the legacy UIWebView.

The Core Idea: Inject JavaScript to Manipulate the DOM #

At the end of the day, both Selenium and iOS WebView automation rely on the same fundamental principle: interacting with the webpage’s DOM. The difference is that instead of Selenium’s pre-built methods like findElementById(), you’ll write raw JavaScript to target elements and trigger actions, then execute that JS directly in the WebView.

Step 1: Wait for the Page to Fully Load #

First, you need to make sure the webpage has finished loading before trying to interact with elements. For WKWebView, use the WKNavigationDelegate to listen for the page load completion:

class ViewController: UIViewController, WKNavigationDelegate {
    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let webConfiguration = WKWebViewConfiguration()
        webView = WKWebView(frame: view.bounds, configuration: webConfiguration)
        webView.navigationDelegate = self
        view.addSubview(webView)
        
        // Load your target URL
        if let url = URL(string: "https://your-target-website.com/form") {
            webView.load(URLRequest(url: url))
        }
    }

    // Trigger automation once the page finishes loading
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        executeFormAutofillAndClick()
    }
}

Step 2: Write JavaScript for Autofill & Button Click #

Now, let’s craft the JS code to target your form elements using either their ID or XPath.

Autofill with Element ID

If you have the element’s ID, this is the simplest approach:

// Fill username field
document.getElementById('username-input').value = 'your-username';
// Fill password field
document.getElementById('password-input').value = 'your-password';

Autofill with XPath

If ID isn’t available, use XPath to locate the element:

// Fill email field using XPath (adjust the XPath to match your element)
const emailField = document.evaluate("//input[@type='email']", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
if (emailField) emailField.value = 'your-email@example.com';

Click the Send Button

Similarly, target the button with ID or XPath:

// Click button by ID
document.getElementById('send-button').click();

// Or click button by XPath (e.g., targeting a button with "Send" text)
const sendButton = document.evaluate("//button[contains(text(), 'Send')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
if (sendButton) sendButton.click();

Step 3: Execute the JavaScript in the WebView #

Combine all your JS into a single script and execute it using evaluateJavaScript(_:completionHandler:). This method also lets you handle success/error cases, which is crucial for debugging:

func executeFormAutofillAndClick() {
    let autofillScript = """
        // Fill form fields
        document.getElementById('username-input').value = 'your-username';
        document.getElementById('email-input').value = 'your-email@example.com';
        
        // Click send button
        const sendBtn = document.getElementById('send-btn');
        if (sendBtn) {
            sendBtn.click();
        } else {
            console.log('Send button not found!');
        }
        """
    
    webView.evaluateJavaScript(autofillScript) { result, error in
        if let error = error {
            print("Automation error: \(error.localizedDescription)")
        } else {
            print("Form filled and submitted successfully!")
        }
    }
}

Key Considerations for Reliability #

• Handle Dynamic Content: If the form loads asynchronously (e.g., via AJAX), you might need to wait for specific elements to exist before executing your script. You can do this with a JS loop that checks for the element until it’s found, or use WKUserScript to inject code that runs when the DOM is ready.
• IFrames: If your form is inside an iframe, you’ll need to switch to that iframe first in your JS:

  const iframe = document.getElementById('form-iframe');
  const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
  iframeDoc.getElementById('username').value = 'your-username';
  

• Legacy UIWebView: If you’re stuck with UIWebView (note: it’s deprecated in iOS 12+), the approach is nearly identical—use stringByEvaluatingJavaScript(from:) instead of evaluateJavaScript(_:completionHandler:).

Wrap-Up #

Once you wrap your head around writing the raw JS, iOS WebView automation is just as powerful as Selenium. The core is leveraging the WebView’s ability to execute JavaScript to manipulate the DOM, just like Selenium does under the hood. With the code above, you should be able to autofill any form and trigger button clicks reliably.

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