Skip to content

Commit 861a5c3

Browse files
committed
Merge branch 'main' into korean
2 parents 155e238 + d86b4fa commit 861a5c3

2 files changed

Lines changed: 24 additions & 8 deletions

File tree

book/scripts.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -362,6 +362,23 @@ Python and JavaScript get pretty complicated. *Because* these bugs are hard,
362362
it's worth approaching debugging systematically and gathering a lot of
363363
information before attempting a fix.
364364

365+
::: {.further}
366+
Early web browsers offered about this support for JavaScript debugging!
367+
Today's sophisticated developer tools came together bit by bit.
368+
Microsoft's [Script Debugger][msd] introduced a step debugger for
369+
JavaScript,^[Which it called JScript for trademark reasons.]
370+
[Firebug][firebug] introduced a JS Console and the Network tab,
371+
and Webkit's [Web Inspector][web-inspector] the "Inspect" button
372+
and DOM view. These features were so useful they quickly [became
373+
standard][chrome-devtools] and are now a core part of every browser
374+
engine.
375+
:::
376+
377+
[msd]: https://en.wikipedia.org/wiki/Microsoft_Script_Debugger
378+
[firebug]: https://hacks.mozilla.org/2017/10/saying-goodbye-to-firebug/
379+
[web-inspector]: https://webkit.org/blog/5718/10-years-of-web-inspector/
380+
[chrome-devtools]: https://blog.chromium.org/2018/09/10-years-of-chrome-devtools.html
381+
365382
Returning Handles
366383
=================
367384

book/skipped.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -165,14 +165,13 @@ are often implemented in HTML and rendered by the browser itself.
165165

166166
Also, it'd be almost impossible to build complex web apps without some
167167
kind of debugging aid, so all real browsers have built-in debuggers.
168-
Believe it or not, for quite a long time web developers just did a
169-
lot of [`console.log` debugging][printf] (or even `alert` debugging,
170-
before there was an easy way to see the console!). This changed in a big
171-
way with the innovative [Firebug] browser extension for Firefox, and
172-
eventually today's integrated developer tools. These developer tools have
173-
deep integration with the browser engine itself to implement features like
174-
observing the styles of elements in real time or pausing and stepping
175-
through JavaScript execution.
168+
Believe it or not, for quite a long time web developers just did a lot
169+
of [console.log debugging][printf] (or even alert debugging, before
170+
there was an easy way to see the console!). Early web debuggers like
171+
[Firebug][firebug] felt like the move from black-and-white to color.
172+
And features like viewing AJAX requests, single-stepping JavaScript
173+
code, and inspecting elements were invented by various browsers and
174+
eventually came together in today's integrated developer tools.
176175

177176
[printf]: https://en.wikipedia.org/wiki/Debugging#printf_debugging
178177
[firebug]: https://en.wikipedia.org/wiki/Firebug_(software)

0 commit comments

Comments
 (0)