Архивы wkwebview

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

24.05.2021 Павел Грибов 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);

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;
     }

func webView(_ webView: WKWebView,

didFinish navigation: WKNavigation!) {

print("loaded")

let ivt=self.view.viewWithTag(100);

ivt?.removeFromSuperview();

webview?.isOpaque=true;

}

Оставить комментарий wkwebview, анимация загрузки, прозрачный фон

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

14.05.2021 Павел Грибов IOS/MacOS

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

Source type must be UIImagePickerControllerSourceTypeCamera

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

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

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

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

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

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

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

Оставить комментарий crash, iphone, upload, wkwebview, xcode

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

14.05.2021 Павел Грибов 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
        }
    }
}

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
                )
            }
        }
        
    }

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)

let url = Bundle.main.url(forResource: "index", withExtension: "html", subdirectory: "localhtml")!

webview.loadFileURL(url, allowingReadAccessTo: url)

let request = URLRequest(url: url)

webview.load(request)

Оставить комментарий wkwebview, xcode, локальный html, проверка интернет

Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30