How do you alter a web page before converting it?

You can alter the HTML of any page before you capture it as a image, PDF or DOCX.

To do this you need to read the contents of the HTML page using an appropriate method from the programming language you are using. Once you have done this alter the HTML, an example of which is shown below. Then set the address parameter to the same one used to read the content from. This will ensure that the web page is captured using the same URL, so that any relative resources are rendered correctly.

ASP.NET
Java
Node.js
Perl
PHP
Python
Ruby

string html = ""; //populate this variable by the HTML from http://www.example.com/index.html
//alter HTML
html += "<style>body{background-color:red !important;}</style>";
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.Address = "http://www.example.com/index.html";
grabzIt.HTMLToImage(html, options);
grabzIt.SaveTo("result.jpg");

String html = ""; //populate this variable by the HTML from http://www.example.com/index.html
//alter HTML
html += "<style>body{background-color:red !important;}</style>";
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.setAddress("http://www.example.com/index.html");
grabzIt.HTMLToImage(html, options);
grabzIt.SaveTo("result.jpg");

var grabzit = require('grabzit');

var html = ""; //populate this variable by the HTML from http://www.example.com/index.html
//alter HTML
html += "<style>body{background-color:red !important;}</style>";
var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
client.html_to_image(html,{"address":"http://www.example.com/index.html"});
client.save_to("result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

$html = ""; #populate this variable by the HTML from http://www.example.com/index.html			
#alter HTML
html .= "<style>body{background-color:red !important;}</style>";
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = GrabzItImageOptions->new();
$options->address("http://www.example.com/index.html");
$grabzIt->HTMLToImage($html,$options);
$grabzIt->SaveTo("result.jpg");

$html = ""; //populate this variable by the HTML from http://www.example.com/index.html	
//alter HTML
$html .= "<style>body{background-color:red !important;}</style>";
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = new \GrabzIt\GrabzItImageOptions();
$options->setAddress("http://www.example.com/index.html");
$grabzIt->HTMLToImage($html, $options);
$grabzIt->SaveTo("result.jpg");

html = "" #populate this variable by the HTML from http://www.example.com/index.html	
#alter HTML
html += "<style>body{background-color:red !important;}</style>"
grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzItImageOptions.GrabzItImageOptions()
options.address = "http://www.example.com/index.html"
grabzIt.HTMLToImage(html, options)
grabzIt.SaveTo("result.jpg")

html = "" #populate this variable by the HTML from http://www.example.com/index.html
#alter HTML
html += "<style>body{background-color:red !important;}</style>";
grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzIt::ImageOptions.new()
options.address = "http://www.example.com/index.html"
grabzIt.html_to_image(html, options)
grabzIt.save_to("result.jpg")

More Web Capture Articles Community Web Capture Questions