blocks|key|1960133|text|你需要遵循这些步骤，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1960134|1960135|F12打开调试窗口|ordered-list-item|1960136|转到元素附近的源标签，它有CSS和JS|1960137|Ctl%2BShift%2BF来搜索你的代码，它会去全局搜索|1960138|1960139|请参阅更多详细信息|1960140|1960141|Sources+Tab|unordered-list-item|offset|length|1960142|JS+reference|1960143|1960144|​|1960145|📷|atomic|1960146|1960147|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/web/tools/chrome-devtools/sources|1|https://developers.google.com/web/tools/chrome-devtools/javascript/reference|2|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/eaff8a6a9d14c12a34a1683d8c5f4f2c.jpeg|imageAlt^0|0|0|0|0|0|0|0|0|0|B|0|0|0|C|1|0|0|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1J|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|1K|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|1L|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1N|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1P|8|@]|9|@$Q|1Q|R|1R|1|1S]]|A|$]]|$1|S|3|T|5|P|7|1T|8|@]|9|@$Q|1U|R|1V|1|1W]]|A|$]]|$1|U|3|-4|5|6|7|1X|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|X|3|Y|5|Z|7|1Z|8|@]|9|@$Q|20|R|21|1|22]]|A|$]]|$1|10|3|W|5|6|7|23|8|@]|9|@]|A|$]]|$1|11|3|-4|5|6|7|24|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18]]|19|$5|14|15|16|A|$17|1A]]|1B|$5|1C|15|1D|A|$1E|1F|1G|-4]]]]

You need to follow the steps,

<ol>
<li>F12 open the debugging window</li>
<li>go to Sources tab near elements, it has CSS and JS</li>
<li>Ctl+Shift+F to search your code, it will go global search</li>
</ol>

Kindly refer for more details 

<ul>
<li><a href="https://developers.google.com/web/tools/chrome-devtools/sources" rel="nofollow noreferrer">Sources Tab</a></li>
<li><a href="https://developers.google.com/web/tools/chrome-devtools/javascript/reference" rel="nofollow noreferrer">JS reference</a></li>
</ul>

<a href="https://i.stack.imgur.com/javqG.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/javqG.jpg" alt="enter image description here"></a>

blocks|key|1576919|text|如果您在控制台中键入debugger，则可以看到在全局范围内可见的内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1576920|​|1576921|📷|atomic|1576922|1576923|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/95da7772e082a978f42765833c69726d.png|imageAlt^0|A|8|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|K|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S|T|-4]]]]

If you type <code>debugger</code> into the console, you can see what all is visible on the global scope:

<a href="https://i.stack.imgur.com/ZDjOI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZDjOI.png" alt="enter image description here"></a>

blocks|key|1960183|text|您看不到变量和函数，因为浏览器只显示当前的DOM+(Document+Object+Model)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1960184|因此，基本上在浏览器中显示的是服务器上的程序生成的html“视图”(例如，许多html元素都是通过javascript创建的)。您只能直接访问客户端(您的计算机)和浏览器。除非您对服务器(实际文件所在的机器，即google云)有直接访问或权限，否则您只能在屏幕上查看当前的html元素。它保护程序不被公开|1960185|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/js/js_htmldom.asp^0|P|N|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

You cant see variables and functions because the browser only shows the current DOM <a href="https://www.w3schools.com/js/js_htmldom.asp" rel="nofollow noreferrer">(Document Object Model)</a>

So basically what displayed in your browser is a html 'view' generated by the program on a server (e.g. a lot html elements are created through javascript). You only have direct access to the client(your computer) and the browser. Unless you have direct access or permission to the server (the machine where the actual file lives i.e. google cloud), you can only view the current html elements on your screen. it protects the program from public

blocks|key|1960201|text|尝试使用console.dir(element);而不是console.log(element);。它帮助我理解了DOM和所有的HTML内容。我希望，这对你也有帮助。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1960202|entityMap^0|4|L|S|L|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

Try <code>console.dir(element);</code> instead of <code>console.log(element);</code>. It helped me a lot understanding the DOM and all the HTML-stuff. I hope, it will help you too...

blocks|key|5745491|text|您可以在控制台上键入window，然后它们将显示所有函数和变量。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5745492|entityMap^0|A|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You could type <code>window</code> on the console and then they will show you all the functions and variables ..

I know you can click "inspect" and then click on "elements" to see the elements of the page, but it doesn't show any of the functions or variables of the page. Is there a way to see that? Thanks.

How do I see all the javascript functions and variables on a page in Google Chrome?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

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

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

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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