swift -> WKWebView 注入JS文件

本文探讨如何在Swift使用WKWebView初始化时注入JS文件,并确保在加载任何网页时都能调用该JS文件的方法。通过示例展示在加载m.baidu.com时,通过JS实现特定元素的修改,如隐藏logo并显示自定义文本。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本文介绍的是在 初始化 webView 就 注入 js 文件 ,然后再 加载每个地址的时候 都能调用这个JS文件里的方法

 

准备 Abc.js 放到跟目录

if (!this.__testjs__) {
    __testjs__ = {};
}

__testjs__.Class1 = {
    
hideLogo: function (str) {
    //logo 将消失
    var element = document.getElementById("logo")
    element.innerHTML = str
    return document.title
},
    
    
    
    
};

目录位置  



 

然后是swift 文件 

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let webView = WKWebView(frame: CGRect(x: 0, y: 50, width: screenWidth, height: screenHeight-50))
        //初始化WebView 时将JS注入webView
        if let path = Bundle.main.path(forResource: "Abc", ofType: "js") {
            let source = NSString(data: NSData(contentsOfFile: path) as! Data, encoding: UInt(String.Encoding.utf8.hashValue));
            let userScript = WKUserScript(source: source as! String, injectionTime: WKUserScriptInjectionTime.atDocumentStart, forMainFrameOnly: false)
            webView.configuration.userContentController.addUserScript(userScript)
        }
        self.view.addSubview(webView)
        let url:String = "http://m.baidu.com"
        webView.load(NSURLRequest(url: NSURL(string: url) as! URL) as URLRequest);
        
        
        // 3.5 秒后执行 JS 代码 ,一般情况都是 在webView 加载完成后才执行
        DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 3.5){
            webView.evaluateJavaScript("__testjs__.Class1.hideLogo('sddd')") { (response, error) in
                if error != nil {
                    print(" error: ")
                } else {
                    print(response as! String)
                }
            }
        }
        
}

 

 

效果就是 打开m.baidu.com 后一会, logo 消失 并显示 sdd

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值