我如何理解Chrome开发工具网站的Javascript？

Question

我现在正在学习网页开发，已经浏览过许多网站，并通过Chrome的开发工具查看源代码。这有助于理解HTML和CSS。

但是，我无法理解Javascript的意思。如果他们链接一个外部javascript文件，我打开该文件并尝试读取。我知道它被缩小了，但我不认为我能理解它。如果他们的代码中直接有Javascript，我仍然无法理解。

顺便说一句，我已经读过了一些Javascript教程，所以我至少对JS有点熟悉。

我是不是漏掉了什么？

谢谢

Answer 1

请注意:在很多情况下，跳槽阅读一些网站代码是一种很糟糕的方法，学习javascript。最好是自己写，从存储库liek github，或者pastebin，plunkr，jsfiddle，等等中读到其他的东西。

说:使用浏览器调试器可以看到页面中使用的javascript文件。我猜您已经知道了这一点，因为您已经找到了小型化的javascript文件。2项需要解决的问题：

1. 如何理解一个缩小的文件: firefox有一个无限制的功能。非常适合谷歌。
2. 给定一个javascript文件，如何查看它在做什么。我建议在javascript文件中的一行上创建一个断点，当您在网页上执行某些操作时，您知道该断点会被击中。在html中找到一个按钮，查看连接到它上的单击函数，然后进入javascript文件，然后使用‘ctrl’找到按名称单击函数。然后在要调试的函数中的一行上创建一个断点。一旦设置了断点，一旦单击该按钮，您的deubgger就会在断点上停止代码，然后您就可以逐步执行代码到leasure。所有这些关键概念和关键字都是可搜索的。这应该给你回答问题的先见之明。

Answer 2

有一个特殊的按钮，看起来是这样的：{ }。它可以在源代码中的源代码选项卡中找到。它为你美化了密码:D

​

​