UIWebView错误消息(无法读取文档)不适合可用空间

时间:2014-12-16 16:17:30

标签: html ios css ipad uiwebview

我在webview上显示不同的文件。现在我遇到了一个文件被破坏的情况。在这种情况下,将显示以下错误:

  

无法阅读文档
  阅读文档时发生错误

webview的内容是

<html>   
    <head>
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.6">
        <style type="text/css">
            div {
                font-family: Arial;
                font-size: 18;
            }
        </style>
    </head>

    <body>
        <div align="center">
            <br><b>Unable to Read Document.</b>
        </div>
        <br>
        <div align="center">An error occurred while reading the document.</div>
    </body>
</html>

现在我在iPad上没有占用全屏的webview。内容仍然需要占用整个屏幕宽度,但webview大小更小。我已使用scalesPageToFit,设置为YES

Here you can see the white area. This is the size of the webview. The content (error message) needs more space, which isn't available.

我需要做些什么才能让错误消息占用可用空间?你可以修改元标记吗?但是在这里你仍会有闪烁效应......

1 个答案:

答案 0 :(得分:0)

我使用了stringByEvaluatingJavaScriptFromString方法,并在Javascript:

的帮助下更改了视口宽度

[webView stringByEvaluatingJavaScriptFromString:@"viewport = document.querySelector('meta[name=viewport]'); viewport.setAttribute('content', 'width=320');"]

您可以将此代码放在webView:didFailLoadWithError:委托方法中。

C#版本看起来像这样:

webView.LoadError += (object sender, UIWebErrorArgs e) => {
    webView.EvaluateJavascript("viewport = document.querySelector('meta[name=viewport]'); viewport.setAttribute('content', 'width=320');");
    // do something else ...
}