Click here to Skip to main content
15,867,686 members
Articles / Programming Languages / Python
Tip/Trick

Web Automation

Rate me:
Please Sign up or sign in to vote.
4.86/5 (48 votes)
3 Jan 2017CPOL6 min read 966.6K   9.8K   158   105
You can fill any form, click any button, and extract any data from web by using Web Automation.

Introduction

Web Automation written in C#, using Web Browser control to automate many things. You can do many things by writing JavaScript code to control a Web Browser.

Background

You must have basic knowledge about JavaScript and C#, because Web Automation uses JavaScript to communicate with C# function.

How It Works

Image 1

This code below explain communication between JavaScript function and C# function. If you don't use it when you call JavaScript to C# function, it will not work.

C#
// This nested class must be ComVisible for the JavaScript to be able to call it.
[ComVisible(true)]
public partial class frmMain : Form
{
} 

Then you create a Web Browser and a load JavaScript function on the Web Browser like in the code below on Form Load:

C#
private void frmMain_Load(object sender, EventArgs e)
{
    wbMain = new WebBrowser();
    wbMain.ObjectForScripting = this;
    wbMain.DocumentText =
        "<html>" +
        "<head>" +
        "<script type='text/javascript'>" +
            "function go(url) " +
            "{ " +
                "window.external.go(url);" +
            "}" +
        "</script>" +
        "</head>" +
        "<body>" +
        "</body>" +
        "</html>";
    this.Controls.Add(wbMain);
} 

The code below has two important points, first ObjectForScripting and window.external:

The purpose of ObjectForScripting is for communication between JavaScript and the frmMain application, you can replace this by another class if you want, this class will be called from the JavaScript function.

I load the go function in Web Browser when loading the application, the purpose is when you execute script, it will call function go in C#:

C#
public void go(string url)
{
    MessageBox.Show(url);
}

How you execute the script:

C#
wbMain.Document.InvokeScript("eval", 
new object[] { "go('http://www.google.com');" });  

When you execute the script below, if function is JavaScript it will execute, if not it will find function you load from Web Browser, example function go, it not function JavaScript so that function will call, then window.external.go(url) will communicate with window application by ObjectForScripting and run function go(string url) and it will show dialog with message is 'http://www.google.com';

Combine all code and you will see how it is working:

C#
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

using System.Runtime.InteropServices;

namespace WebAutomation
{
    [ComVisible(true)]
    public partial class frmMain : Form
    {
        private WebBrowser wbMain;

        public frmMain()
        {
            InitializeComponent();
        }

        private void frmMain_Load(object sender, EventArgs e)
        {
            wbMain = new WebBrowser();
            wbMain.ObjectForScripting = this;
            wbMain.DocumentText =
                "<html>" +
                "<head>" +
                "<script type='text/javascript'>" +
                    "function go(url) " +
                    "{ " +
                        "window.external.go(url);" +
                    "}" +
                "</script>" +
                "</head>" +
                "<body>" +
                "</body>" +
            "</html>";
            this.Controls.Add(wbMain);
        }

        public void go(string url)
        {
            wbBrowser.Navigate(url);
        }

        private void btnRun_Click(object sender, EventArgs e)
        {
            string code = tbxCode.Text;
            wbMain.Document.InvokeScript("eval", new object[] { code }); 
        }
    }
} 

Techniques

In my application, I using a method "Call a C# Method From JavaScript Hosted in a WebBrowser" to control anything JavaScript cannot work like writing to file, opening tab, working with file and folder...

Secure sensitive information like Account, User, Email Server, Connection by using "DotNet Zip Library" and "Secure Password Authentication".

Using "Mouse Key Board Library" to record and playback your mouse and your keyboard by script.

Recognize text from image by "Tesseract OCR", read and write Excel file is "NPOI", Speech to Text is "Speech Recognition in C#".

Overview

Web Automation has four sections:

  1. Menu file will help you use some features of program like login, logout, register...,
  2. ToolBar menu will help you work with some item you will usually use like record, run,...,
  3. Web Browser will display website when you are suffering,
  4. Developer Tools that place will automate every of program by JavaScript language

Image 2

Using Web Automation to Login Gmail

Open program and enter link http://www.gmail.com and click button go.

Image 3

Right click everywhere on Web Browser, click Go, then will it show question "Do you want go to website?", if you choose yes, it will get current URL you enter on the textbox, else it will get XPath of location where you right click, then go to the link of the xpath.

Image 4

Then it will show you Developer Tools with code JavaScript to control this function.

Image 5

Right click on textbox username, click fill, enter username then click OK, repeat for password.

Image 6

Right click on Button Login, select click.

Image 7

You must enter two lines to ensure website load done before you continue, then you click Run and then program will go to Gmail for you.

C#
go("https://accounts.google.com/ServiceLogin?service=mail&passive=true&
  rm=false&continue=http://mail.google.com/mail/&scc=1&ltmpl=default&ltmplcache=2");
sleep(5,false);
fill("/html/body/div/div[2]/div/div/form/div/input","thang@gmail.com");
fill("/html/body/div/div[2]/div/div/form/div[2]/input","password");
sleep(5,false);
click("/html/body/div/div[2]/div/div/form/input[12]");

What Do You Do with Web Automation?

Here is the function of Web Automation, you can try by writing the function below with your parameter, then click run and see what happen, notes some function need authentication to work like function number: 59 to 64, rest of another function, you don't need to login.

  1. Open new tab: tabnew();
  2. Close current tab: tabclose();
  3. Go to website by url or xpath: go(url); or go(xpath);
  4. Go back: back();
  5. Go next: next();
  6. Reload browser: reload();
  7. Stop browser: stop();
  8. Wait until Web Browser has loaded or timer to wait Web Browser load: sleep(seconds, isBreakWhenWBCompleted)
  9. Close application: exit();
  10. Click to element: click(xpath);
  11. Write log to Preview Tab: log(value);
  12. Clear log write on Preview: clearlog();
  13. Extract data from xpath: extract(xpath);
  14. Fill data to element on Web Browser: fill(xpath, value);
  15. Select dropdown value: filldropdown(xpath, index);
  16. Convert string to Object JavaScript: toObject(xpath);
  17. Get all link in the area of xpath, it will stop until program go all of link: browser(xpath);
  18. Reset list website to unread so program can go back and browser continue: resetlistwebsite();
  19. Take snapshot of website: takesnapshot(url);
  20. Create folder: createfolder(path);
  21. Get list folder from path: getfolders(path);
  22. Create file: save(content, location, isOverride);
  23. Get list file from path: getfiles(path);
  24. Download a file: download(url, location);
  25. Read file: read(path);
  26. Remove file: remove(path);
  27. Remove folder: removefolder(path);
  28. Open explorer and select file: explorer(path);
  29. Run code from string: excute(code);
  30. Logoff: logoff();
  31. Lockworkstation: lockworkstation();
  32. Forcelogoff: forcelogoff();
  33. Reboot: reboot();
  34. Shutdown: shutdown();
  35. Hibernate: hibernate();
  36. Standby: standby();
  37. Run application: runcommand(path);
  38. Get current url of current tab: getcurrenturl();
  39. Get browser height: getheight();
  40. Get title of website: gettitle();
  41. Get all link from xpath: getlinks(xpath);
  42. Get content of web browser: getCurrentContent();
  43. Get path of Web Automation: getCurrentPath();
  44. Read cell of Excel file: readCellExcel(path, sheetname, row, column);
  45. Write Excel file: writeCellExcel(path, sheetname, cellname, value);
  46. Load HTML file: loadHTML(path);
  47. Convert json string to Object: textToJSON(jsonstring);
  48. Login: login(username, password);
  49. Register: register(username, email, password, confirm);
  50. OCR: ocr(path, language);
  51. Mouse Up: MouseUp(mouseButton, lastTime);
  52. Mouse Down: MouseDown(mouseButton, lastTime);
  53. Mouse Click: MouseClick(mouseButton, lastTime);
  54. Mouse Doble Click: MouseDoubleClick(mouseButton, lastTime);
  55. Mouse Move: MouseMove(x, y, isShow, lastTime);
  56. Mouse Wheel: MouseWheel(delta, lastTime);
  57. Key Down: KeyDown(delta, lastTime);
  58. Key Up: KeyUp(delta, lastTime);
  59. Get Account By: getAccountBy(name);
  60. Get Database: getDatabases(name);
  61. Get Tables: getTables(name, dbName);
  62. Get Columns: getColumns(name, dbName, table);
  63. Get Rows: getRows(name, dbName, sql);
  64. Execute SQL Query: excuteQuery(name, dbName, sql);

Those are all the functions of Web Automation. Every function is a JavaScript function so it have return or not return value, sometimes you get value as string, sometime you will get value as object, it is based on my C# function.

By combining each function together, you can automate a lot of things, automate fill textbox, click button, extract any kind of data, automate, create, delete, file, folder, automate extract data from website and save it to Excel file easily, update data to Excel file, read data from Excel file, control your mouse, your keyboard.....

I try to include all knowledge I have on my program like OCR, Text To Speech, Speech To Text,... My program can be expanded by adding function on JavaScript, then adding function on C# to solve some algorithm.

Notes

This is just one function of my software. In my software, I give some techniques to help automation better like record your mouse and keyboard. It helps automate some parts that do not work on software, or control program by speech.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer CSC Viet Nam
Vietnam Vietnam
I worked on Phoenix Software and CSC Viet Nam.
I have knowledge in C#, ASP.NET, Javascript, Jquery, Ajax, SQL Server, MVC 3.

My purpose is to apply what I've learned into real world, create utility so that it can help another person to not repeat their work day by day, of course it's not easy but I'm gonna try and hope the best happen.

Website: http://www.thangdc.com
Twitter: http://www.twitter.com/thangdc
Facebook: http://www.facebook.com/tinhyeu24h

Comments and Discussions

 
GeneralGreat! Pin
Anonymous Anonymous21-Feb-13 4:13
Anonymous Anonymous21-Feb-13 4:13 
SuggestionGenerating stand alone executable Pin
Anonymous Anonymous17-Feb-13 2:52
Anonymous Anonymous17-Feb-13 2:52 
GeneralRe: Generating stand alone executable Pin
Đinh Công Thắng17-Feb-13 14:40
Đinh Công Thắng17-Feb-13 14:40 
QuestionCool additional feature Pin
Member 979282829-Jan-13 16:56
Member 979282829-Jan-13 16:56 
AnswerRe: Cool additional feature Pin
Đinh Công Thắng29-Jan-13 18:57
Đinh Công Thắng29-Jan-13 18:57 
GeneralRe: Cool additional feature Pin
Member 979282830-Jan-13 2:10
Member 979282830-Jan-13 2:10 
GeneralRe: Cool additional feature Pin
Đinh Công Thắng30-Jan-13 2:38
Đinh Công Thắng30-Jan-13 2:38 
QuestionVery nice but no source code Pin
John Kenedy S.Kom25-Jan-13 3:35
John Kenedy S.Kom25-Jan-13 3:35 
Very nice but too bad it does not ocme with source code.
And one adding point is probably allow developer to build their software and referencing your library then pass the script to your library to be executed at behind the scene to introduce robot like software. But your software is suitable for quality test before deployment, but having allow behind scene operation would benefit robot like operation for example auto posting, etc. But overall it is nice I rate 4 because no source code
AnswerRe: Very nice but no source code Pin
Đinh Công Thắng26-Jan-13 23:30
Đinh Công Thắng26-Jan-13 23:30 
GeneralRe: Very nice but no source code Pin
supernorb21-Feb-13 0:16
supernorb21-Feb-13 0:16 
GeneralRe: Very nice but no source code Pin
Đinh Công Thắng21-Feb-13 1:11
Đinh Công Thắng21-Feb-13 1:11 
GeneralRe: Very nice but no source code Pin
supernorb21-Feb-13 5:49
supernorb21-Feb-13 5:49 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.