Nodejs, how to view jsdom in browser

2.9k Views Asked by Gosho At 04 April 2025 at 10:28

How can I view the html in the in the browser? Nothing shows on the localhost:3000.

const jsdom = require("jsdom");
const { JSDOM } = jsdom;
const dom = new JSDOM(`<!DOCTYPE html><body><p id="main">My First JSDOM!</p></body>`,
  {
    url: "http://localhost:3000/",
    contentType: "text/html",
    pretendToBeVisual: true,
  }
);

Original Q&A

There are 1 best solutions below

Dominik On 06 October 2020 at 10:42

From the comment I gather you want to manipulate the DOM in JSDOM in node and then (maybe) write an html file (or return it in a response)

For that use serialize()

https://github.com/jsdom/jsdom#serializing-the-document-with-serialize

So with your example:

const jsdom = require("jsdom");
const { JSDOM } = jsdom;
const dom = new JSDOM(`<!DOCTYPE html><body><p id="main">My First JSDOM!</p></body>`,
  {
    url: "http://localhost:3000/",
    contentType: "text/html",
    pretendToBeVisual: true,
  }
);

console.log(dom.serialize());

JSDom will give you a string for all your HTML. You can then use Express.js to create a server that may return that HTML or you use the string to write an HTML file to disk.

const express = require('express');
const jsdom = require("jsdom");

const { JSDOM } = jsdom;
const dom = new JSDOM(`<!DOCTYPE html><body><p id="main">My First JSDOM!</p></body>`,
  {
    url: "http://localhost:3000/",
    contentType: "text/html",
    pretendToBeVisual: true,
  }
);

const app = express();

app.get('/', (req, res) => {
  res.send(dom.serialize());
});

app.listen(8080, () => {
  console.log('Example app listening at http://localhost:8080');
});

Nodejs, how to view jsdom in browser

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in NODE.JS

Related Questions in JSDOM

Trending Questions

Popular # Hahtags

Popular Questions