如何在 ios 应用程序的 wkwebview 中的 amazon.in 的输入字段中自动填充信用卡

Question

我正在开发 iOS 应用程序，其中有 webview(wkwebview)，wkwebview 中会加载网站，如 amazon.in 我有信用卡/借记卡详细信息，如卡号、exp 日期等。安全地存储在我的 iOS 应用程序中，我想将信用卡/借记卡详细信息填充到 amazon.in 付款页面输入字段中。

如果保存，iPhone 中的默认 safari 浏览器能够自动填充信用卡/借记卡。

请让我知道相同的解决方案。

这是亚马逊支付页面：

class ViewController: UIViewController {

let scriptSource = "document.getElementsByName('addCreditCardNumber')[0].value = '1111 1111 1111 1111'"

    var webConfig: WKWebViewConfiguration {

        get {

            let webCfg = WKWebViewConfiguration()

            let controller = WKUserContentController()

            let pre = WKPreferences()

            pre.javaScriptEnabled = true

            webCfg.preferences = pre

            let script = WKUserScript(source: scriptSource, injectionTime: .atDocumentEnd, forMainFrameOnly: false)

            controller.addUserScript(script)

            webCfg.userContentController = controller

            return webCfg;

        }

    }

lazy var webView: WKWebView = {

       let webView = WKWebView(frame: .zero, configuration: self.webConfig)

       webView.translatesAutoresizingMaskIntoConstraints = false

       return webView

   }()

override func viewDidLoad() {

    super.viewDidLoad()

    self.addWKWebView()

}

private func addWKWebView(){

    self.view.addSubview(webView)

    self.view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[webView]|", options: [], metrics: nil, views: ["webView": webView]))

    self.view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|[webView]|", options: [], metrics: nil, views: ["webView": webView]))

    webView.load(URLRequest(url: URL(string: "https://www.amazon.in")!))

    webView.uiDelegate = self

    webView.navigationDelegate = self

   }}

Answer 1

您可以使用 -object 为页面添加自定义用户脚本WKUserScript。在其中，您可以使用标准的 JavaScript，例如document.getElementById("creditcard").defaultValue = "12345";本教程应该让您对此有所了解：https : //medium.com/capital-one-tech/javascript-manipulation-on-ios-using-webkit-2b1115e7e405。有关WKUserScript查看官方文档的更多信息（https://developer.apple.com/documentation/webkit/wkuserscript）

Answer 2

这是我用于在 webView 中附加我的消息的内容：   public static func appendNewMessage(chatListWebView : UIWebView,  appendTemplet : String) {        do {            let temp = "document.getElementById('message_div').innerHTML +=\"" + appendTemplet + "\""            print(temp)            chatListWebView.stringByEvaluatingJavaScript(from: "document.getElementById('message_div').innerHTML +=\"" + appendTemplet + "\"");    } catch  {//    JLog.error(appendTemplet);//    ex.printStackTrace();    }    }你可以根据你的情况更新它，对不起，我没有时间编辑它希望对你有帮助！