Node.js http.get

Question

I have the following code that requests the Google.com homepage and sends the page data back to an Iframe on the client side.

 var options = {
    host: 'www.google.com',
    port: 80,
    path: '/',
    method: 'GET'
  };

  var req = http.get(options, function(res) {
    var pageData = "";
    res.setEncoding('utf8');
    res.on('data', function (chunk) {
      pageData += chunk;
    });

    res.on('end', function(){
      response.send(pageData)
    });
  });

However, all images and CSS are broken in the iframe? How can I preserve the images and CSS?

Answer 1

Simplest solution is to add <base href="http://google.com/"> to the html. Preferably in the head, so do string replace on '<head>' and replace in with '<head><base href="http://google.com/">'

Answer 2

Wouldn't it be easier to have the client fetch the Google page?

<html>
<head>
<script>
window.onload = function () {
  var nif = document.createElement("iframe");
  nif.width = 850;
  nif.height = 500;
  nif.src = "http://www.google.de";
  nif.appendChild( document.createTextNode("no iframe support") );
  document.body.appendChild(nif);
};
</script>
</head>
<body>
<h1>IFRAME</h1>
</body>
</html>

Node.js http.get

Question

2 answers

solution1
11 ACCPTED 2011-08-22 17:04:30

solution2
3 2011-08-22 17:34:58

Node.js http.get

Question

2 answers

solution1 11 ACCPTED 2011-08-22 17:04:30

solution2 3 2011-08-22 17:34:58

solution1
11 ACCPTED 2011-08-22 17:04:30

solution2
3 2011-08-22 17:34:58