Обновите устаревшие элементы webkit obj c, чтобы включить собственный код, работающий в javascript

Question

• 1000 и разрешить использование текущего кода класса (obj c) внутри javascript, который вот-вот будет загружен.

- (void)webView:(WebView *)webView windowScriptObjectAvailable:(WebScriptObject *)windowScriptObject {
    [windowScriptObject setValue:self forKey:@"app"];
}

К сожалению, он давно устарел go, и я бы хотел используйте обновленную замену для объекта webView WKWebView. Однако приведенный выше обратный вызов - это метод делегирования из WebFrameLoadDelegate, который также устарел. Возможно, кто-нибудь знает, как внедрить наш собственный код в javascript с помощью WKWebView?

спасибо

Answer 1

Вот как вы это делаете с WKWebView. YourWebView - это класс UIView или ViewController.

@interface YourWebView () <WKNavigationDelegate, WKScriptMessageHandler>

- (void)injectWSKitScriptInUserContentController:(WKUserContentController*)userContentController;

@end    

в вашей реализации в -init или -initWithFrame:

self.autoresizingMask = NSViewWidthSizable | NSViewHeightSizable;
self.autoresizesSubviews = YES;
self.wantsLayer = YES;

WKWebViewConfiguration* conf = [[WKWebViewConfiguration alloc] init];
conf.suppressesIncrementalRendering = NO;
conf.mediaTypesRequiringUserActionForPlayback = WKAudiovisualMediaTypeAll;

WKUserContentController* userContentController = [[WKUserContentController alloc] init];
[self injectWSKitScriptInUserContentController:userContentController];
[userContentController addScriptMessageHandler:self name:@"yourscript"];
conf.userContentController = userContentController;

#ifdef DEBUG
    NSLog(@"Developer Extras Enabled");
    [conf.preferences setValue:@YES forKey:@"developerExtrasEnabled"];
#endif

WKWebView *webView = [[WKWebView alloc] initWithFrame:frame configuration:conf];
webView.navigationDelegate = self;

добавить webView для просмотра или там, где вам это нужно, и определите метод для внедрения js.

-(void)injectWSKitScriptInUserContentController:(WKUserContentController*)userContentController {
    NSBundle* bundle = [NSBundle bundleForClass:[YourWebView class]];
    NSString* scriptLocation = [bundle pathForResource:@"yourscript" ofType:@"js"];
    NSString* scriptSource = [NSString stringWithContentsOfFile:scriptLocation encoding:NSUTF8StringEncoding error:nil];
    WKUserScript* userScript = [[WKUserScript alloc] initWithSource:scriptSource injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:YES];
    [userContentController addUserScript:userScript];
}

, а затем следуйте протоколам о том, что еще реализовать в YourWebView, например, что-то вроде взаимодействия с вашим веб-просмотром , например, вперед, перезагрузить, назад и т. д. c ..

и, наконец, вы захотите добавить файл javascript в качестве отправной точки в свое приложение. "yourscript. js" упомянуто выше.

(function() {
"use strict";
    
    var Events = {
        listeners: { },

        gc: function() {
          var events = Object.keys(this.listeners)
          for (var i = events.length - 1; i >= 0; i -= 1) {
            var eventName = events[i],
                listeners = this.listeners[eventName]
            if (listeners.length === 0) {
              delete this.listeners[eventName]
            }
          }
        },
        
        once: function(name, listener) {
          if (name in this.listeners) {
            this.listeners[name].push({ oneshot: true, listener: listener })
            return
          }
        
          this.listeners[name] = [
            { oneshot: true, listener: listener },
          ]
        },
        
        on: function(name, listener) {
          if (name in this.listeners) {
            this.listeners[name].push({ listener: listener })
            return
          }
        
          this.listeners[name] = [ { listener: listener } ]
        },
        
        off: function(name, listener) {
          if ( ! (name in this.listeners)) {
            return
          }
        
          var listeners = this.listeners[name]
          for (var i = listeners.length - 1; i >= 0; i -= 1) {
            if (listeners[i].listener === listener) {
              listeners.splice(i, 1)
              return
            }
          }
        },
        
        trigger: function(name, arg) {
          if ( ! (name in this.listeners)) {
            return
          }
        
          var event = { stopIteration: false, data: arg }
        
          var listeners = this.listeners[name]
          for (var i = 0; i < listeners.length; i += 1) {
            var listener = listeners[i]
            try {
              listener.listener(event)
            } catch (e) { }
            if (listener.oneshot) {
              listeners.splice(i, 1)
              i -= 1
            }
          }
        
          this.gc()
        },
    }

    var ETimeout = new Error('WSKit: configuration timeout'),
        _config = { resolve: null, reject: null, resolved: false }
    
    window.WSKit = {
        configuration: new Promise(function(resolve, reject) {
            _config.resolve = resolve
            _config.reject = reject
        }),

        addEventListener: function(name, listener, config) {
            config = config || { }
            
            if (config.oneshot) {
              Events.once(name, listener)
            } else {
              Events.on(name, listener)
            }
        },
        removeEventListener: function(name, listener) {
          Events.off(name, listener)
        },
        dispatchEvent: function(name, arg) {
          Events.trigger(name, arg)
        },
    }

    setTimeout(function() {
        if ( ! _config.resolved) {
            _config.reject(ETimeout)
        }
    }, 5000)
    
    WSKit.addEventListener('configure', function(ev) {
        _config.resolve(ev.data)
    })
 
    window.webkit.messageHandlers.webscreen.postMessage('obtainconfiguration')
})();

Это должно в значительной степени работать