Is there a way to get Browser Generated HTML and CSS

Question

I am really eager to know , is there any API or way to achieve this.I want to get Source code generated by the Browser.

In below code initial CSS Class of colorElement is redFontClass but onload javascript done changes to blueFontClass.Which is very clear using the Firebug.I want to get this kind of Response using URL calling in Java. Is this possible ?.I don't want any of the Javascript but want finally browser generated HTML with CSS which is very useful for Flying-Saucer kind of PDF generators.They are not supporting for the Javascripts for time being.

Real HTML :

<html>
<head>
<style>
.redFontClass
{
  color : red;
}
.blueFontClass
{
  color : blue;
}
</style>
<script language="javascript"> 
function changeColor()
{
    document.getElementById('colorElement').className='blueFontClass';
    alert("asdfsd");
}   
 </script>
</head>
<body  onload="javascript:changeColor();">
<b>This Should come as <span class = "redFontClass" id="colorElement">Red</span> </b>
</body>
</html>

FireFox Firebug Image :

enter image description here

Update : I need the Browser generated HTML if I call the URL of that particular file. Because I will call this from server side Java Code not using any clinet side applications like Browsers.

Browser Generated HTML :

<html><head>
<style>
.redFontClass
{
  color : red;
}
.blueFontClass
{
  color : blue;
}
</style>
<script language="javascript"> 
function changeColor()
{
    document.getElementById('colorElement').className='blueFontClass';
    alert("asdfsd");
}   
 </script>
</head>
<body onload="javascript:changeColor();">
<b>This Should come as <span id="colorElement" class="blueFontClass">Red</span> </b>

</body></html>

I don't know how it works internally, but at least some of Selenium's drivers can dump the entire DOM as HTML. — chrylis -cautiouslyoptimistic-, Sep 23 '14 at 11:06
You guys are giving nice idea but I want them to be generated using some APIs or something like that in java. — sunleo, Sep 23 '14 at 11:13
@sunleo Something like [this](http://stackoverflow.com/questions/1299560/programmatic-web-browser-java-library)? — CodingIntrigue, Sep 23 '14 at 12:59

RichieAHB · Answer 1 · 2014-09-23T10:58:02.140

0

You could just post the source of the page back to a server-side script.

In jQuery you could have a function such as:

function postGeneratedSource() {
    var data = $('body')[0].outerHTML;
    $.post('/path/to/script', data);
}

If you didn't want the JS then you could either change body for a relevant container or otherwise strip the script tags on the server side.

edited Sep 23 '14 at 10:58

answered Sep 23 '14 at 10:52

RichieAHB

2,030
2
20
33

score 0 · Answer 2 · answered Sep 23 '14 at 11:43

0

You can get whole HTML code generated by browser by using this code:

var source = '<html>'+document.getElementsByTagName('html')[0].innerHTML+'</html>';

answered Sep 23 '14 at 11:43

Eltu

470
4
11

Thanks for reply, Finally this is also javascript I can't simulate from plain javacode! – sunleo Sep 24 '14 at 02:31

score 0 · Answer 3 · answered Sep 23 '14 at 13:06

You gen use following code to get the html.

        String url = "http://www.google.com/search?q=developer";
        URL obj = new URL(url);
        HttpURLConnection con = (HttpURLConnection) obj.openConnection();

        //add reuqest header
        con.setRequestMethod("GET");
        con.setRequestProperty("User-Agent", "Mozilla");


        BufferedReader in = new BufferedReader(new   InputStreamReader(con.getInputStream()));
        String inputLine;
        StringBuffer response = new StringBuffer();
        while ((inputLine = in.readLine()) != null) {
            response.append(inputLine);
        }
        in.close();
        //print result
        System.out.println("hi"+response.toString());

This will give us the result as I mentioned expected result without browser help. — sunleo, Sep 24 '14 at 02:23

Is there a way to get Browser Generated HTML and CSS

3 Answers3