UIWebView example using swift in ios

UIWebView object is used the load and display the web content into your application, safari browser is the primary example for ios webview. for more reference you can go through apple documentation for uiwebview.

Open the Xcode, create new project and select the Single View Application template,

uiwebview example single view application

In the next screen, enter the Product Name as “UIWebView Example”, then enter the company identifier details. Select Swift in Language field and Universal in Devices option, Then press next and create the project.

Adding UIWebView to View

We can add the UIWebView to View using two methods, first one is adding the uiwebview into storyboard and another one is programatically create uiwebview and adding into the view. first we will add the uiwebview into storyboard viewcontroller.

Open the Main.storyboard file, then at the right bottom of the Xcode you can find ios webview object in the utility area, drag and drop the uiwebview into storyboard viewcontroller page.

Now, uiwebview added into Main.storyboard ViewController page and looks like below.

Then, click the assistance editor to link the Storyboard ViewController page to viewcontroller.swift by adding the uiwebview reference.

Then press the control key click the storyboard uiwebview drag into viewcontroller.swift file and place next to viewcontroller class file, as shown in the below.

UIWebView Load URL

Open the ViewController.swift file and change the below code snippet into the viewDidLoad() function. Here we are generating the NSURLRequest using NSURL object, then passing the request to webview it will load the requested URL into webview.

1

2

3

4

5

6

7

 override func viewDidLoad() {

     super.viewDidLoad()

     // Do any additional setup after loading the view, typically from a nib.

     let url = NSURL (string: "http://www.sourcefreeze.com");

     let requestObj = NSURLRequest(URL: url!);

     myWebView.loadRequest(requestObj);

  }

Next, Build and Run the application you will get the output like below.

UIWebView load local html

As like online web page, we can load the local html file into webview. this is the base of hybrid application development using PhoneGap/Cordova. first we have to add the html file using File–>New–>File or Press Command + N, it will open the window like below. then select the Empty file name it as home.html add it into project.

Next, add the below code html code snippet into the home.html file.

1

2

3

4

5

6

7

8

<html>

<head>

</head>

<body>

<br />

<h2> Welcome SourceFreeze!!!</h2>

</body>

</html>

then, go to the ViewController.swift file, modify the viewDidLoad method like below code snippet.

1

2

3

4

5

6

7

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        let localfilePath = NSBundle.mainBundle().URLForResource("home", withExtension: "html");

        let myRequest = NSURLRequest(URL: localfilePath!);

        myWebView.loadRequest(myRequest);

    }

Next, Build and Run the application you will get the output like below.

UIWebView LoadHTMLString

Other then direct URL we can load HTML String into UIWebView, we have to pass the htmlstring into loadHTMLString method like the below code snippet, replace this code in the viewDidLoad method.

1

2

3

4

5

6

     override func viewDidLoad() {

         super.viewDidLoad()

         // Do any additional setup after loading the view, typically from a nib.

         var htmlString:String! = "<br /><h2>Welcome to SourceFreeze!!!</h2>"

         myWebView.loadHTMLString(htmlString, baseURL: nil)

         }

then build and run the application, you will get the output like below.

UIWebView Running JavaScript

Like loading the direct html strings into uiwebview, can able to access or run the direct javascript methods into uiwebview using stringByEvaluatingJavaScriptFromString method. the below code will get the html page title using stringByEvaluatingJavaScriptFromString.

1

2

let htmlTitle = myWebView.stringByEvaluatingJavaScriptFromString("document.title");

println(htmlTitle)

UIWebView LoadData

Instead of web pages, we can also load the document files into iOS WebView like .pdf, .txt, .doc etc.. loadData method is used to load NSData into webview. Replace the below code snippet into the viewDidLoad.

1

2

3

4

5

6

7

 override func viewDidLoad() {

 super.viewDidLoad()

 // Do any additional setup after loading the view, typically from a nib.

 let localFilePath = NSBundle.mainBundle().pathForResource("home", ofType:"txt");

 let data = NSFileManager.defaultManager().contentsAtPath(localFilePath!);

 myWebView.loadData(data!, MIMEType: "application/txt", textEncodingName: "UTF-8", baseURL: nil);

 }

UIWebView Properties

UIWebView scalesPageToFit

it is the boolean property used scale the every webpage loaded into uiwebview, if YES the webpage is allow users to perform zoom in and zoom out operations. if NO user zooming is disabled, by default the value is NO.

UIWebView Detection

Detection property is used to analyze the loaded webpages having any links, email or phone numbers. and events(added to calendar).

UIWebView keyboardDisplayRequiresUserAction

it is boolean variable, this property is set to YES, the user must explicitly tap the input elements in the web view to display the keyboard. When set to be NO, a focus event on an element causes the input view to be displayed and associated with that element automatically and the default value of the property is YES.

UIWebView Navigation operations:

uiwebview allow back, forward and reload to the webpage that already loaded.

goBack() – is used load the previous web page

goForward() – is used load forward web page.

reload() – is used to reload current web page.

stopLoading() – is used to stop the web content.

1

2

3

4

5

6

7

mywebView.goBack(); // uiwebview navigate back

mywebView.goForward(); // uiwebview navigate forward

mywebView.reload(); // to refresh the uiwebview

mywebView.stopLoading(); // to stop the loading from uiwebview

canGoBack – it is read only property used to know about is current webpage is can able to go back. for example if we are loaded webpage into first time we are not able to go back.

canGoForward – it is read only property used to know about is current webpage is can able to go forward.

loading – it is the read only property, used to check the webview is loading or not, If YES the webview is loading otherwise NO.

Create uiwebview programmatically

Instead of create the uiweview using storyboard, we can create the uiwebview programmatically using the below code. Here we are generating the NSURLRequest using NSURL object, then passing the request to webview it will load the requested URL into webview next add the uiwebview into viewcontroller view.

1

2

3

4

5

6

    override func viewDidLoad() {       

        super.viewDidLoad()

          let myWebView:UIWebView = UIWebView(frame: CGRectMake(0, 0, UIScreen.mainScreen().bounds.width, UIScreen.mainScreen().bounds.height))

        myWebView.loadRequest(NSURLRequest(URL: NSURL(string: "http://www.sourcefreeze.com")!))

        self.view.addSubview(myWebView)

    }

then build and run the project will get the output like below.

-
copied from: http://sourcefreeze.com/uiwebview-example-using-swift-in-ios/

InfoTech

UIWebView example using swift in ios

Adding UIWebView to View

UIWebView Load URL

UIWebView load local html

UIWebView LoadHTMLString

UIWebView Running JavaScript

UIWebView LoadData

UIWebView Properties

UIWebView scalesPageToFit

UIWebView Detection

UIWebView keyboardDisplayRequiresUserAction

UIWebView Navigation operations:

Create uiwebview programmatically

Posted by admin

Post a Comment

0 Comments

Search This Blog

C Sharp And ASP Core 3.1 Fundamentals 20220906

Web Security 20220926

Laravel PHP Framework 20230410

Front End Web Development With BootStrap

PHP Variables

What is GST?

Python Intermediate 20221219

Download SPPS Latest Version

JavaScript Beginners 20221003

How To: Install Android Studio Version 141

Online Tools

Mohamad Mahmood (RAZZI.MY)

*

-

Footer Menu Widget

UIWebView example using swift in ios

Adding UIWebView to View

UIWebView Load URL

UIWebView load local html

UIWebView LoadHTMLString

UIWebView Running JavaScript

UIWebView LoadData

UIWebView Properties

UIWebView scalesPageToFit

UIWebView Detection

UIWebView keyboardDisplayRequiresUserAction

UIWebView Navigation operations:

Create uiwebview programmatically

Posted by admin

You may like these posts

Post a Comment

0 Comments

Social Plugin

Search This Blog

Online Tools

Mohamad Mahmood (RAZZI.MY)

*

-

Footer Menu Widget