console 命令行工具 X clear
console
<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="http://incaseofstairs.com/jsdiff/diff.js"></script>
  </head>
  <body>
        <pre id="display"></pre>
        <script>
            const one = 'beep boop',
                other = 'beep boob blah',
                color = '';
                
            let span = null;

            const diff = Diff.diffChars(one, other),
                display = document.getElementById('display'),
                fragment = document.createDocumentFragment();

            diff.forEach((part) => {
            // green for additions, red for deletions
            // grey for common parts
            const color = part.added ? 'green' :
                part.removed ? 'red' : 'grey';
            span = document.createElement('span');
            span.style.color = color;
            span.appendChild(document
                .createTextNode(part.value));
            fragment.appendChild(span);
            });

            display.appendChild(fragment);
        </script>
  </body>
</html>