IOS webview全屏

Posted

技术标签:

【中文标题】IOS webview全屏【英文标题】:IOS webview in full screen 【发布时间】:2017-09-20 11:58:19 【问题描述】:

这确实是一个非常简单的问题,但我对 ios 开发和 Swift 完全陌生。

我正在尝试添加一个 webview 并让它填满整个屏幕。

这是我的代码

 override func viewDidLoad() 
        super.viewDidLoad()

        let myWebView:UIWebView = UIWebView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))

        self.view.addSubview(myWebView)
        let url = URL (string: "https://google.com");
        let request = URLRequest(url: url! as URL);
        myWebView.loadRequest(request);
        

当我运行应用程序时,只出现一个白屏。我可以将 html 作为字符串加载 (loadHTMLString)

所以 2 个问题

如何让 Web 视图获得全屏尺寸? 为什么我无法加载 url - 我只得到白屏

【问题讨论】:

您可以使用 self.view.frame.size.width 作为宽度,使用 self.view.frame.size.height 作为高度 你还没有添加 webView 来查看。 【参考方案1】:

试试这个。

class ViewController: UIViewController , UIWebViewDelegate 

override func viewDidLoad() 
        super.viewDidLoad()


        let myWebView:UIWebView = UIWebView(frame: CGRect(x: 0, y: 20, width: self.view.frame.width, height: self.view.frame.height))
        myWebView.delegate = self
        self.view.addSubview(myWebView)
        let url = URL (string: "https://google.com");
        let request = URLRequest(url: url! as URL);
        myWebView.loadRequest(request);


    

    func webViewDidStartLoad(_ webView: UIWebView) 
        print("web view start loading")
    

    func webViewDidFinishLoad(_ webView: UIWebView) 
        print("web view load completely")
    

    func webView(_ webView: UIWebView, didFailLoadWithError error: Error) 
        print("web view loading fail : ",error.localizedDescription)
    

【讨论】:

@Birger 检查更新了我检查过的工作正常。 @Birger - 添加代理并检查哪个代理将调用 它可以工作..手机由于某种原因失去了wifi..感谢您的快速帮助 @DixitAkabari - 失败代表在哪里【参考方案2】:

这是因为您还没有将myWebView 添加到view

override func viewDidLoad() 
    super.viewDidLoad()
    let myWebView:UIWebView = UIWebView(frame: CGRect(x: 0, y: 20, width: self.view.frame.width, height: self.view.frame.height))

    self.view.addSubview(myWebView)
    let request = URLRequest(url: URL(string: "https://google.com")!)
    myWebView.loadRequest(request)

【讨论】:

【参考方案3】:
Hear is your answers of two questions

**1.How do I get the web view to get fullscreen size?**

**Ans**: let myWebView:UIWebView = UIWebView(frame: CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: self.view.frame.size.height))

**2 Why can't I load a url - I only get the white screen**
**Ans**:
        let myWebView:UIWebView = UIWebView(frame: CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: self.view.frame.size.height))
        let url = URL (string: "https://google.com");
        let request = URLRequest(url: url! as URL);
        myWebView.loadRequest(request)
        self.view.addSubview(myWebView)

Load request before adding to self.view like above code

【讨论】:

【参考方案4】:

完成 webview 加载后,根据内容更改 webview 大小

 //MARK: - WebView Delegate Method
func webViewDidFinishLoad(_ webView: UIWebView) 
    var frame = self.webView.frame
    frame.size.height = 1
    self.webView.frame = frame
    let fittingSize = self.webView.sizeThatFits(CGSize.zero)
    frame.size = fittingSize
    self.webView.needsUpdateConstraints()
    self.webView.frame.size.height = fittingSize.height
    self.webView.scrollView.isScrollEnabled = false

【讨论】:

【参考方案5】:

我运行了您的代码,没有任何问题。

框架除外

你需要的改变 -

  let myWebView:UIWebView = UIWebView(frame: self.view.frame)

如果您无法从 url 加载,请检查您的互联网连接

webView:didFailLoadWithError

实现此功能以检查您将来遇到的任何错误

【讨论】:

愚蠢的手机失去了wifi..它现在加载url..真是一个菜鸟错误【参考方案6】:

你已经用固定的高度和宽度初始化了 myWebView,即 300.Try

let frame = self.view.frame
let width = frame.width
let height = frame.height
let myWebView:UIWebView = UIWebView(frame: CGRect(x: 0, y: 0, width: width, height: height))

使用情节提要,您可以将 webView 拖放到 viewController 中并为您的视图提供约束(顶部:0,右侧:0,底部:0,左侧:0),以便您的 web 视图将显示为全屏。现在将 webView 的出口扩展到 viewController 和 viewDidLoad。

override func viewDidLoad() 
    super.viewDidLoad()
    // Do any additional setup after loading the view
    let url = URL (string: "https://www.simplifiedios.net")
    let request = URLRequest(url: URL: url!)
    webView.loadRequest(request)

【讨论】:

不是与 ? 相关的答案,使用 myWebView.frame = self.view.bounds 并检查您的 .plist 中是否添加了传输安全

以上是关于IOS webview全屏的主要内容,如果未能解决你的问题,请参考以下文章

小程序webview-h5视频全屏播放

JS 取消iOS播放自动全屏:

flutter_webview_plugin 加载全屏页面的简单使用

iOS Swift WebView 问题

关闭全屏视图后的Android WebView Video,webview自动滚动

React Native:如何使用 expo 在 webview 中制作全屏 youtube 嵌入视频(没有 react-native 链接)