Wkwebview неправильно отображает в iOS 10

У меня есть WKWebView внутри UITableViewCell. Запрос загрузки веб-представления, а затем после завершения загрузки я изменю высоту веб-представления, чтобы она была равна его высоте содержимого, а затем отрегулирую высоту ячейки табличного представления соответствующим образом.

произошло то, что веб-представление отображает только область, которая соответствует размеру экрана. Когда я прокручиваю вниз, все белое. Но я вижу, что веб-представление, отображаемое с правильной высотой, нажмите и удерживайте белую область на веб - представлении выбор. Масштабирование с помощью pinch делает область веб-просмотра, отображаемую на экране, видимой, но другие области иногда становятся белыми.

Он отлично работает на iOS 8 и 9. Я создал пример проекта, чтобы продемонстрировать это поведение здесь: https://github.com/pawin/strange-wkwebview

Открыть Радар: https://openradar.appspot.com/radar?id=4944718286815232

обновление: эта проблема решена в iOS11

27
ios10 wkwebview

5 ответов

вам нужно заставить WKWebView макет пока ваш UITableView свитки.

// in the UITableViewDelegate
func scrollViewDidScroll(scrollView: UIScrollView) {
    if let tableView = scrollView as? UITableView {
        for cell in tableView.visibleCells {
            guard let cell = cell as? MyCustomCellClass else { continue }
            cell.webView?.setNeedsLayout()
        }
    }
}
24
    func reloadWKWebViewIfNeeded() {
    for cell in self.tableView.visibleCells {
        guard let webviewCell = cell as? WebviewCell else { continue }

        // guard cell height > screen height

        webviewCell.webview.reload()
    }
}

override func scrollViewDidEndDragging(scrollView: UIScrollView, willDecelerate decelerate: Bool) {
    guard !decelerate else { return }

    self.reloadWKWebViewIfNeeded()
}

override func scrollViewDidEndDecelerating(scrollView: UIScrollView) {
    self.reloadWKWebViewIfNeeded()
}

Не лучшее решение, но, по крайней мере, пользователь может видеть остальную часть контента

1

у меня такая же проблема-добавьте WKWebView в UITableViewCell, и я решил эту проблему следующими шагами:

1.Создайте экземпляр UITextView и добавьте его в superview UITableView(UIViewControllew.вид) 2.реализовать коды в scrollViewDidScroll такой: 
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    [self.xxtextView becomeFirstResponder];
    [self.xxtextView resignFirstResponder];
}

эти коды могут вызвать увеличение производительности процессора, вы можете исправить это каким-то образом, например, мы используем переменную temp в качестве порогового значения.

Я не думаю, что это идеальное решение метод, но он работает для меня.

В конце концов я понял, что textview becomeFirstResponder просто снова привел макет webview, поэтому вы можете просто исправить это следующим образом:

CGFloat tempOffset = 0;

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    if (!tempOffset || ABS(scrollView.contentOffset.y - tempOffset) > ScreenHeight/2)
    {
        [self.wkWebView setNeedsLayout];
        tempOffset = scrollView.contentOffset.y;
    }
}
1

в objective-C вот как я решаю проблему.

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    NSArray * visibleCell = [self.tableView visibleCells];

    for (CustomUITableViewCell * cell in visibleCell) {
        if ([cell isKindOfClass:[CustomUITableViewCell class]]) {
            [cell.wkWebView setNeedsLayout];
        }
    }
}

этот код соберет всю видимую ячейку и сделает setNeedsLayout в быстром перечислении во время прокрутки пользователя.

0

Im также имеет uitableview с ячейкой с wkWebView. И я стек с той же проблемой. Но своевременно вы можете исправить это с помощью этого кода. По производительности не беспокойтесь. Я тестировал это решение на iphone 5s, и оно было принято 10-15% CPU только при прокрутке uitableView с видимой веб-ячейкой.

func scrollViewDidScroll(_ scrollView: UIScrollView) {
   //TODO: Remove this fix when WKWebView will fixed
   if let cell = tableView.cellForRow(at: IndexPath(row: 1, section: 0)) as? WKWebViewCell {
      // Here we take our cell
      cell.wkWebView?.setNeedsLayout() 
      // here is "magic" (where wkWebView it is WKWebView, which was 
      // previously added on cell)
   }
}
0