Метка: wkwebview

Xcode: показываем экран загрузки во время рендеринга в wkwebview

IOS/MacOS

К сожалению при использовании wkwebview на IOS, инициализация webkit довольно медлительна. И занимает при первом старте порядка 5-10 секунд. Потому для того чтобы «развлечь» пользователя во время ожидания можно показать например какую-то анимацию.

Загрузку можно организовать как-то так:

    override func viewDidLoad() {
        super.viewDidLoad()
        let userContentController = WKUserContentController()
        userContentController.add(self, name: "doMessage")
        let webviewConfiguration = WKWebViewConfiguration()
        webviewConfiguration.userContentController = userContentController
        webview = WKWebView(frame: self.view.frame, configuration: webviewConfiguration)
        view.addSubview(webview!)
        webview?.uiDelegate=self; //разрешаем подмену алертов
        webview?.navigationDelegate = self
        webview?.allowsBackForwardNavigationGestures=false;
        webview?.isOpaque=false;
        webview?.backgroundColor=UIColor.clear;
        webview?.scrollView.backgroundColor=UIColor.clear;
        webview?.load(URLRequest(url: URL(string:"https://увувцувцу")!));
        let jeremyGif = UIImage.gifImageWithName("images/anim")
                let imageView = UIImageView(image: jeremyGif)
                imageView.frame =
                    CGRect(x: (self.view.frame.size.width-267)/2, y: (self.view.frame.size.height-300)/2,
                           width: 267,
                           height: 300)
        imageView.tag=100;
        view.addSubview(imageView);

Результатом будет показ «фона» и анимации до показа страницы. Далее нам нужно отловить что рендеринг состоялся и убрать анимацию:

    func webView(_ webView: WKWebView,
       didFinish navigation: WKNavigation!) {
       print("loaded")
        let ivt=self.view.viewWithTag(100);
        ivt?.removeFromSuperview();
        webview?.isOpaque=true;
     }
Оставить комментарий , ,

wkwebview краш при выборе файла для upload

IOS/MacOS

Собственно суть возникновения ошибки: приложение с wkwebview падает при попытке выбора файла для загрузки на сервер через стандартную вебформу с ошибкой:

Source type must be UIImagePickerControllerSourceTypeCamera

Решение: как оказалось, это происходит из-за не верно по мнению webview заполнения тэга input. Правильно:

<input type="file" accept="image/*;capture=camera" />

Не правильно:

<input type="file" accept="image/*" capture="camera" />

Я в шоке (с). Не хорошо конечно я у себя на ресурсе поправил на "правильно". Но не у всех есть возможность поправить. Ронять приложение на такой ошибке?
Оставить комментарий , , , ,

xcode: проверка наличия интернет на устройстве и вывод локального html в wkwebview

IOS/MacOS

Задача: при обнаружении отсутствия интернет на устройстве вывести в виджет wkwebview уведомление о его отсутствии оформленное в виде HTML страницы

Решение:

1) Создадим файл Reachability.swift с классом,отдающим доступность:

import Foundation
import SystemConfiguration


let ReachabilityStatusChangedNotification = "ReachabilityStatusChangedNotification"

enum ReachabilityType: CustomStringConvertible {
    case wwan
    case wiFi
    
    var description: String {
        switch self {
        case .wwan: return "WWAN"
        case .wiFi: return "WiFi"
        }
    }
}

enum ReachabilityStatus: CustomStringConvertible  {
    case offline
    case online(ReachabilityType)
    case unknown
    
    var description: String {
        switch self {
        case .offline: return "Offline"
        case .online(let type): return "Online (\(type))"
        case .unknown: return "Unknown"
        }
    }
}

public class Reach {
    
    func connectionStatus() -> ReachabilityStatus {
        var zeroAddress = sockaddr_in()
        zeroAddress.sin_len = UInt8(MemoryLayout<sockaddr_in>.size)
        zeroAddress.sin_family = sa_family_t(AF_INET)
        
        guard let defaultRouteReachability = withUnsafePointer(to: &zeroAddress, {
            $0.withMemoryRebound(to: sockaddr.self, capacity: 1) {
                SCNetworkReachabilityCreateWithAddress(nil, $0)
            }
        }) else {
            return .unknown
        }
        
        var flags : SCNetworkReachabilityFlags = []
        if !SCNetworkReachabilityGetFlags(defaultRouteReachability, &flags) {
            return .unknown
        }
        
        return ReachabilityStatus(reachabilityFlags: flags)
    }
    
    
    func monitorReachabilityChanges() {
        let host = "google.com"
        var context = SCNetworkReachabilityContext(version: 0, info: nil, retain: nil, release: nil, copyDescription: nil)
        let reachability = SCNetworkReachabilityCreateWithName(nil, host)!
        
        SCNetworkReachabilitySetCallback(reachability, { (_, flags, _) in
            let status = ReachabilityStatus(reachabilityFlags: flags)
            
            NotificationCenter.default.post(name: Notification.Name(rawValue: ReachabilityStatusChangedNotification),
                                            object: nil,
                                            userInfo: ["Status": status.description])
            
            }, &context)
        
        SCNetworkReachabilityScheduleWithRunLoop(reachability, CFRunLoopGetMain(), RunLoop.Mode.common as CFString)
    }
    
}

extension ReachabilityStatus {
    init(reachabilityFlags flags: SCNetworkReachabilityFlags) {
        let connectionRequired = flags.contains(.connectionRequired)
        let isReachable = flags.contains(.reachable)
        let isWWAN = flags.contains(.isWWAN)
        
        if !connectionRequired && isReachable {
            if isWWAN {
                self = .online(.wwan)
            } else {
                self = .online(.wiFi)
            }
        } else {
            self =  .offline
        }
    }
}

В основной код добавим слушатель изменения состояния сети и отдающий html страницу при отсутствии интернет:

 override func viewDidLoad() {
        super.viewDidLoad()
        webview.allowsBackForwardNavigationGestures=false;
        //webview.navigationDelegate = self
        NotificationCenter.default.addObserver(self, selector: #selector(ViewController.networkStatusChanged(_:)), name: Notification.Name(rawValue: ReachabilityStatusChangedNotification), object: nil)
               Reach().monitorReachabilityChanges()
        webview.load(URLRequest(url: URL(string:"https://цувцувц.ru")!));       
    }

    @objc func networkStatusChanged(_ notification: Notification) {
        if let userInfo = notification.userInfo {
            let status = userInfo["Status"] as! String
            if (status=="Offline") {
                webview.loadHTMLString(
                    "<html><body><p>Offline</p></body></html>",
                    baseURL: nil
                )
            }
        }
        
    }

Вставляем в проект локальную папку с файлом html и файлом картинки:

И изменим код следующим образом:

let url = Bundle.main.url(forResource: "index", withExtension: "html", subdirectory: "localhtml")!
        webview.loadFileURL(url, allowingReadAccessTo: url)
        let request = URLRequest(url: url)
        webview.load(request)
Оставить комментарий , , ,