Рубрика: Павел

Архив статей и записей написанных Грибовым Павлом

Загрузка js и css «по требованию»

WEB

Задача: по какому то условию (ну в моем случае это загрузка скрипта «Тура по сайту» если вдруг пользователь его не проходил), необходимо до грузить дополнительные JS и CSS файлы, а по завершению их загрузки — запустить.

Решение:

function TourStart(){
    if ((localStorage.getItem(document.location.pathname+"_tour")==null)||(localStorage.getItem(document.location.pathname+"_tour")==false)){
        element = document.createElement("script");
        element.src = "https://shepherdjs.dev/dist/js/shepherd.js";
        element.addEventListener('load', () => {
            console.log("--загружаем тур!");
            element = document.createElement("script");
            element.src = "/js/tour.min.js";
            document.body.appendChild(element);
        });
        document.body.appendChild(element);
        element = document.createElement("link");
        element.href = "https://shepherdjs.dev/dist/css/shepherd.css";
        element.rel="stylesheet"
        document.body.appendChild(element);        
        
    };
};

console.log("-- main.js загружен");
$(document).ready(function() {
   TourStart(); // стартовать тур по странице если нужно..
});
Оставить комментарий ,

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;
     }
Оставить комментарий , ,

Запуск Cocoapods на Apple Silicon (M1)

IOS/MacOS

При запуске в проекте xcode команды pod install, вываливается сообщение об отсутствии пакета с поддержкой данной архитектуры.

Решение: будем запускать pod install из консоли запущенной под эмулятором Rozetta. Для этого в свойствах консоли отметим соответствующую галочку.

Оставить комментарий , , ,

xcode: Вывод уведомления пользователю IOS

IOS/MacOS

Задача: вывести уведомление о событии пользователю. Решение: 1. Сначала попросим у пользователя разрешить получать уведомления: 

override func viewDidLoad() {
        super.viewDidLoad()
        
        //requesting for authorization
        UNUserNotificationCenter.current().requestAuthorization(options: [.alert, .sound, .badge], completionHandler: {didAllow, error in
            
        })
    }

2. Оформим вывод уведомления через функцию:

    func showNotify(title:String,subtitle:String,body:String,interval:TimeInterval){
        let content = UNMutableNotificationContent()
        content.title = title
        content.subtitle = subtitle
        content.body = body
        content.badge = 1
        let trigger = UNTimeIntervalNotificationTrigger(timeInterval: interval, repeats: false)
        let request = UNNotificationRequest(identifier: "SimplifiedIOSNotification", content: content, trigger: trigger)
        UNUserNotificationCenter.current().delegate = self
        UNUserNotificationCenter.current().add(request, withCompletionHandler: nil)
    }

3. Нужно помнить, что уведомление в IOS<10 выводится только в том случае, если приложение «свернуто». Поэтому реализуем вывод уведомления, даже если приложение открыто: 

class ViewController: UIViewController, UNUserNotificationCenterDelegate {

func userNotificationCenter(_ center: UNUserNotificationCenter, willPresent notification: UNNotification, withCompletionHandler completionHandler: @escaping (UNNotificationPresentationOptions) -> Void) {

        //displaying the ios local notification when app is in foreground
        completionHandler([.alert, .badge, .sound])
    }
Оставить комментарий , ,

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" />

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