Breakpoints are a developer's best friend. They are much more useful than using console.log() everywhere. We will explore how to set a breakpoint on both the front and backend.
First up is frontend debugging. Before we can do this, we must create some JavaScript to debug. Create a new directory named static with a file named debug.js in the directory. Here is the code that will be in debug.js.
(function(){
var body = document.body;
(function(){
var div = document.createElement('div');
body.appendChild(div);
})();
})();Two simple self-executing functions (to create different scopes) that will add a div to the page. Nothing exciting here. Next, we must add this script to our response. Open up app.js and add or change the following lines:
var express = require('express');
var app = express();
app.use(express.static(__dirname + '/static'));
app.get('/', function(req, res){
res.set('Important-Header', 'test-value');
res.send('hello world<script...