Trouble adding webpage to UIViewController (Swift) - ios

I am trying to get a webpage to appear in my swift application. I have added the WebView and wrote the following code in the controller class but when I run my app, there is only a white screen. Am I missing something?
class WebViewController: UIViewController {
#IBOutlet weak var webView: UIWebView!
override func viewDidLoad() {
super.viewDidLoad()
let WebView = UIWebView(frame: view.bounds)
let url = NSURL(string: "http://www.google.com")
let request = NSURLRequest(URL:url!)
WebView.loadRequest(request)
view.addSubview(WebView)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}

Run your code in viewDidLayoutSubviews. You are setting the WebView's frame to the view's bounds. The view's frame has not fully loaded yet.

Never mind, I'm an idiot and forgot the s in http thanks all.

You need to tell the webView who is its delegate, just binding the outlet won't be enough.
In viewDidLoad add this:
self.webView.delegate = self
Then you need to conform to UIWebViewDelegate (which you are already doing, but I suggest you extend your view controller instead):
extension WebViewController: UIWebViewDelegate {
func webViewDidStartLoad(_ webView: UIWebView) {
print("Loading")
}
func webViewDidFinishLoad(_ webView: UIWebView) {
print("Finished")
}
}
And last but not least, you need to allow your application to load external URL's by adding a transport security, I suggest you check this post.
Please note I'm using Swift 3, you may need to make little changes.

Related

How to make an activity indecator with a WKwebView in Swift

I am trying to make an iOS app with Swift and I have sorted out the webView which works perfectly, however now i'd like to implement an activity indicator. It displays properly and is animated, however when the page is loaded, the activity indicator does not disappear.
This is my code:
import UIKit
import WebKit
class FirstViewController: UIViewController {
#IBOutlet var webview: WKWebView!
// #IBOutlet var bg: UIView!
// #IBOutlet var logo: UIImageView!
#IBOutlet var ActInd: UIActivityIndicatorView!
// #IBOutlet var LoadingLabel: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
let url = URL(string: "https://www.google.com")
let request = URLRequest(url: url!)
webview.load(request)
// Do any additional setup after loading the view, typically from a nib.
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
func webViewDidStartLoad(_ : WKWebView) {
ActInd.startAnimating()
//LoadingLabel.isHidden = true
//logo.isHidden = true
//bg.isHidden = true
}
func webViewDidFinishLoad(_ : WKWebView){
ActInd.stopAnimating()
// LoadingLabel.isHidden = true
//logo.isHidden = true
//bg.isHidden=true
}
}
I'd appreciate it enormously if someone could help me get the activity indicator to disappear.
Thank you in advance
Try setting
ActInd.hidesWhenStopped = true // In viewDidLoad
Conform to WKNavigationDelegate, and you can track webView processes..
The methods of the WKNavigationDelegate protocol help you implement custom behaviors that are triggered during a web view's process of accepting, loading, and completing a navigation request.
There are two methods that you can use :
func webView(WKWebView, didStartProvisionalNavigation: WKNavigation!)
Called when web content begins to load in a web view.
Here you can show the activity indicator
func webView(WKWebView, didFinish: WKNavigation!)
Called when the navigation is complete.
For more info check WKNavigationDelegate documentation
So here are the steps :
1- Conform to WKNavigationDelegate.
2- Assign your view controller to be your web view’s navigationDelegate.
3- Implement didStartProvisionalNavigation and didFinish methods
Example :
class ViewController: UIViewController, WKNavigationDelegate {
#IBOutlet var webview: WKWebView!
override func viewDidLoad() {
super.viewDidLoad()
webview.navigationDelegate = self
/*
....
*/
}
func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
// hide/stop indicator
}
func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
//show your activity
}
}
On view did load just start your indicator and on webViewDidFinishLoad just hide that loader.
The methods won't ever be called.
Because, you haven't set your ViewController as NavigationDelegate. It needs to conform to the WKNavigationDelegate. You can then set the delegate in the viewDidLoad() function:
webview.navigationDelegate = self
The 2 methods you're calling also don't seem to exist. These are the equivalent delegate methods: webView(:didCommit:) and webView(:didFinish:)
You can set "Hides when stopped" and "Animated" in the storyboard or do it programatically as it is explained in this answer.
You should also take a look at the API Design guidelines explaining how code should be written. Especially you should:
Follow case conventions. Names of types and protocols are UpperCamelCase. Everything else is lowerCamelCase.

Webview detect javascript errors, or url changes

class ViewController: UIViewController, UIWebViewDelegate{
#IBOutlet var containerView: UIView!
#IBOutlet var webView: UIWebView!
override func loadView() {
super.loadView()
}
override func viewDidLoad() {
super.viewDidLoad()
webView.delegate = self
if let url = URL(string: "http://www.google.com/") {
let request = URLRequest(url: url)
webView.loadRequest(request)
}
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
func webViewDidFinishLoad(_ webView: UIWebView) {
print("webview finished load")
print(webView.request?.url)
}
So What I need, is try to detect 1 - javascript errors. 2 - or If not, url changes. 3 or If not , can I via javascript call a function in my controller? and i call a function from my controller to javascript?
I need a solution for an issue either way, I got problems in my webview.
Web view can communicate with the Javascript code but the communication is limited and complicated. To answer your specific questions:
Javascript errors - you can detect them directly inside your webpage.
URL changes if successful - you can do that directly inside your webpage (window.location = ...).
View controller change on error - you can do that by changing the URL to a specific URL, e.g. window.location = 'http://myredirect?error=Execution+failed'. Your web view controller can easily detect the change in URL using its delegate and react accordingly.

Web View not acting as UIWebView

I've scoured the internet for 3 hours now, and have just given up. I figured since no one else on this entire planet has had this problem before, maybe I should ask the stackoverflow community, and see what happens.
I'm familiar with xCode, and objective C, but am learning swift. For my first app I figured I'd build a super simple webview app that loads a page. Easy right? I can code this in about 15 seconds in objective c, and I did, it works fine. Maybe there's something I'm missing here.
When I attempt to connect the object to the UIWebView it won't connect.
import UIKit
import WebKit
class ViewController: UIViewController, WKNavigationDelegate {
#IBOutlet var webView: WKWebView!
#IBOutlet var textBox: UITextField!
override func loadView() {
webView = WKWebView()
webView.navigationDelegate = self
view = webView
}
override func viewDidLoad() {
let url = NSURL(string: "https://www.google.com")!
webView.loadRequest(NSURLRequest(URL: url))
webView.allowsBackForwardNavigationGestures = true
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
Image of it not connecting. It's not connecting like it should
Change type from WKWebView to UIWebView.You have added UIWebView from object library which your are trying to connect to a WKWebView object so it will not connect. WKWebview has to be added programmatically as it is not present in object library.
These two classes have similar functionalities but they are not connected to each other in anyway.
You can use the following code to build a webView app that loads a page.
import UIKit
class ADKWebViewDemoViewController: UIViewController {
#IBOutlet weak var webview: UIWebView!
override func viewDidLoad() {
super.viewDidLoad()
webview.loadRequest(NSURLRequest(URL: NSURL(string: "https://www.google.com")!))
// Do any additional setup after loading the view.
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}

iOS Swift Webview not showing

My webview is not showing up. (Just a blank white page)
I have a TabBarController and two ViewControllers.
One of them containing the webview.
My code:
import Foundation
import UIKit
class HomeViewController: UIViewController, UIWebViewDelegate {
#IBOutlet var webView: UIWebView!
var urlpath: String = "http://www.google.de"
func loadAddressURL(){
let requesturl = NSURL(string: urlpath)
let request = NSURLRequest(URL: requesturl!)
webView.loadRequest(request)
}
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
loadAddressURL()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
Whats wrong here?
First double check the view is laying out correctly. Run the app and nav to the screen. Do Debug > View Debugging > Capture View Hierarchy. Right click the screen and print out the view to see if the frame is correct. If this is ok then implement the delegate methods of UIWebView, specifically webViewDidFinishLoad. This should let you know if there was an issue loading the webpage.
Do you have constraints set up in IB? You might try setting them programmatically to see if that helps.
if let wv = myWebView {
wv.translatesAutoresizingMaskIntoConstraints = false
view.addConstraints(
NSLayoutConstraint.constraintsWithVisualFormat(
"H:|[webView]|", options: [], metrics: nil, views: ["webView":wv]))
view.addConstraints(
NSLayoutConstraint.constraintsWithVisualFormat(
"V:|[webView]|", options: [], metrics: nil, views: ["webView":wv]))
}
You need to tell the webView who is its delegate, just binding the outlet won't be enough.
In viewDidLoad add this:
self.webView.delegate = self
Then you need to conform to UIWebViewDelegate (which you are already doing, but I suggest you extend your view controller instead):
extension HomeViewController: UIWebViewDelegate {
func webViewDidStartLoad(_ webView: UIWebView) {
print("Loading")
}
func webViewDidFinishLoad(_ webView: UIWebView) {
print("Finished")
}
}
And last but not least, you need to allow your application to load external URL's by adding a transport security, I suggest you check this post.
Please note I'm using Swift 3, you may need to make little changes.

webview doesn't show URL

I am new to iOS development, i am trying to use a UIWebView using the following code
import UIKit
class SecondViewController: UIViewController {
#IBOutlet var myWebView: UIWebView!
#IBOutlet var webView: UIWebView!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
let url = NSURL (string: "http://www.chrisharrisracing.com/twitterapp.php");
let requestObj = NSURLRequest(URL: url!);
myWebView.loadRequest(requestObj);
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
However when I build the the web page is not displayed, although when I go to the web address in a browser the page works fine, any help would be appreciated
I just created a sample project to check your issue and its working for me.
class ViewController: UIViewController {
#IBOutlet weak var webView: UIWebView!
override func viewDidLoad() {
super.viewDidLoad()
let url = NSURL (string: "http://www.chrisharrisracing.com/twitterapp.php");
let requestObj = NSURLRequest(URL: url!);
webView.loadRequest(requestObj);
// Do any additional setup after loading the view, typically from a nib.
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
If you want you can download the sample project from the following link
https://www.dropbox.com/home/SAMPLE%20GIT%20PROJECTS%20%5BSHARED%5D/WEBVIEW?preview=webViewSample.zip
You should add NSTransportSecurity to info.plist
HOPE THIS HELPS.....
I made a sample project with your code and it works just fine. The only difference is that I didn't use the second outlet (#IBOutlet var webView: UIWebView!) you have in this code. My guess is you haven't added any constraints for your webview and that's why you can't see it. So go to your storyboard choose your webview and then go to the triangle icon at the bottom right and choose Add missing constraints.
Of course make sure your internet connection is ok and that you have added the allow arbitrary loads key in your info.plist
Maybe you haven't added your constraints yet, which is why myWebView might not be visible. Or maybe, this is probably a longshot, but I've noticed that you have another unused UIWebView called webView. Maybe, just maybe, webView is covering up myWebView, thus you aren't seeing myWebView loading the page.

Resources