如何在 Google Chrome 中查看页面上的所有 javascript 函数和变量？

Question

我知道您可以单击“检查”，然后单击“元素”以查看页面的元素，但它不会显示页面的任何函数或变量。有办法看到吗？谢谢。

Answer 1

你需要按照步骤，

1. F12 打开调试窗口

2. 转到元素附近的 Sources 选项卡，它有 CSS 和 JS

3. Ctl+Shift+F 搜索你的代码，它会去全局搜索

Answer 2

尝试console.dir(element);代替console.log(element);. 它帮助我了解了 DOM 和所有 HTML 内容。我希望它也能帮助你...

Answer 3

你看不到变量和函数，因为浏览器只显示当前的 DOM （文档对象模型）

所以基本上你的浏览器中显示的是由服务器上的程序生成的html“视图”（例如，很多html元素是通过javascript创建的）。您只能直接访问客户端（您的计算机）和浏览器。除非您对服务器（实际文件所在的机器，即谷歌云）有直接访问权限或权限，否则您只能在屏幕上查看当前的 html 元素。它保护程序免受公共