iOS | WKWebView 動態(tài)加載本地JS庫文件

需求:

如果需要在WKWebView加載JS庫,或者JS文件,有以下2種方案:

方式一.

可以在 web 頁面加載前/后運行JS庫, 代碼如下:

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
    // 加載 js 庫寫在這里
    
    /// 1. 獲取本地JS文件路徑
    NSString *jsPath = [[NSBundle mainBundle] pathForResource:@"common" ofType:@"js"];
    ///2. 將JS文件轉(zhuǎn)為 Data 數(shù)據(jù)
    NSData *jsData=[NSData dataWithContentsOfFile:jsPath];
    ///3. 將 Data 數(shù)據(jù)轉(zhuǎn)字符串
    NSString *jsString =  [[NSString alloc]initWithData:jsData encoding:NSUTF8StringEncoding];
    ///4. 運行JS字符串
    [webView evaluateJavaScript:jsString completionHandler:^(id _Nullable obj, NSError * _Nullable error) {
        // 返回運行JS返回值
        NSLog(@"%@",obj);
        // 錯誤信息
        NSLog(@"%@",error);
    }];
}

方式二.

通過WKUserScript創(chuàng)建JS腳本, 并通過WKWebViewConfiguration進行JS文件的引入入:

/// 創(chuàng)建WebView配置
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
/// 獲取JS文件路徑
NSString *jsPath = [[NSBundle mainBundle] pathForResource:@"common" ofType:@"js"];
/// 獲取js數(shù)據(jù)
NSData *jsData=[NSData dataWithContentsOfFile:jsPath];
/// 轉(zhuǎn)js字符串類型
NSString *jsString =  [[NSString alloc]initWithData:jsData encoding:NSUTF8StringEncoding];
/// 創(chuàng)建WKUserScript
WKUserScript *userScript = [[WKUserScript alloc]initWithSource:jsString injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:YES];
/// 注入到configuration配置內(nèi)
[configuration.userContentController addUserScript:userScript];
/// 創(chuàng)建WebView
WKWebView *webView = [[WKWebView alloc] initWithFrame:frame configuration:configuration];
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,681評論 1 32
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,880評論 0 3
  • ORA-00001: 違反唯一約束條件 (.) 錯誤說明:當在唯一索引所對應(yīng)的列上鍵入重復(fù)值時,會觸發(fā)此異常。 O...
    我想起個好名字閱讀 6,016評論 0 9
  • 在理解了亞里士多德的倫理學(xué)之后,在道德中,對于欲望、實踐智慧與幸福都有新的看法。 亞里士多德的倫理學(xué)主要討論個人的...
    屢空閱讀 2,300評論 3 15
  • 1不是你正確了,別人就一定要按照你為標準,別人不一定會喜歡你,其實這點我明白,現(xiàn)實中有個同事就是這個例子的最好證明...
    可可可鑫閱讀 308評論 0 1

友情鏈接更多精彩內(nèi)容