Подавление wkwebview от масштабирования содержимого для визуализации с тем же увеличением, что и UIWebView


используя WKWebView на месте UIWebView, Я заметил, что содержимое WKWebView были массово уменьшены по сравнению с моим UIWebView. Я бы хотел WKWebView чтобы прекратить это делать, и просто уважать мои значения CSS буквально, так UIWebView будет.

контекст

я использую веб-представления в своем родном приложении iOS для содержимого, которое входит в popovers на iPad, где я показываю информационный контент. Это отличная возможность дать контент и дизайн люди и говорят:"просто поместите в какой-то HTML-контент, ссылаясь на связанный файл CSS".

все это работало просто отлично при использовании UIWebView.

но popovers часто довольно компактны.

что я испытываю

в моих узких всплывающих окнах содержимое масштабируется, как будто мое содержимое, где вся веб-страница миниатюризируется, чтобы соответствовать. Я вижу, что WKWebView был в первую очередь предназначен для людей, создающих альтернативные браузеры на iOS или создание гибридных приложений, где WKWebView по существу, захватывает экран.

коэффициент увеличения в WKWebView-это не то, что можно установить. Конечно, пользователь может увеличить масштаб, но это не соответствует цели. Я не ищу увеличенный видовой экран; я ищу весь контент, чтобы соответствовать и переносить слова, как это было бы с UIWebView.

С WKWebView, в симуляторе, я увижу размер, который я хочу, если я увеличу свой размер текста тела до 50px вместо 14px. Этот код, однако, даже не помогает, когда на устройстве, поэтому раздувание моих размеров CSS тоже не вариант!

Что случилось с UIWebView?

да нет, ничего. Это (пока) не устарело в iOS8, возможно, b/c он все еще полезен, как я испытываю. Однако я заметил, что WKWebView был быстрым. И я видел некоторые предположения, что надпись на стене для UIWebView. Я подумал: "почему бы не принять более современный API в iOS8 сейчас?"

Так, Я продолжайте использовать UIWebView сейчас, но я хотел бы переключиться на WKWebView, если бы я мог заставить его уважать мой размер CSS.

вот мой оригинальный CSS, который UIWebView хорошо отображает, но который WKWebView в popover будет отображаться в действительно крошечных шрифтах:

body {
    font-family: "HelveticaNeue";
    font-size: 15px;
    line-height: 17px;
    color: #000000;
}

h1 {
    font-family: "HelveticaNeue-Bold";
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}


h2 {
    font-family: "HelveticaNeue-Bold";
    font-size: 16px;
    line-height: 18px;
    color: #000000;
}
1 57

1 ответ:

у меня была та же проблема. Я просто должен был поставить

<meta name="viewport" content="initial-scale=1.0" />

в мой блок заголовка, и это решило его для меня. Выглядит как WKWebView ведет себя больше как мобильное сафари, чем UIWebView делает, поэтому вам нужно установить видовой экран, если вы хотите управлять масштабированием или общим размером.