怎么看js输出代码，js代码怎么看懂

怎么在浏览器中调试JS代码

1、打开VisualStudioCode。在左侧的“资源管理器”面板中，选择您要运行JavaScript代码的文件夹。在文件夹中创建一个新的JavaScript文件。在“资源管理器”面板中，右键单击文件夹并选择“新建文件”。

2、以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。选择指定的dom节点进行查看和编辑。

3、电脑、firefox浏览器。首先，打开firefox浏览器，进入要js调试的网页，例如：zhidao.baidu.com。键盘按F12以显示开发者工具，点击“调试器”菜单。选择要js调试的页面后，即可用右侧的调试按钮进行调试。

4、f12 ---点击Sources 在 sources 那个里面找到js文件，点击就会出现代码，在代码前面行号位置点击，就可以设置断点。然后刷新页面，就可以调试了。

5、以IE8浏览器为例，接下来重点介绍并演示如何使用浏览器自带的开发人员工具调试JS程序。（该工具快捷按钮为F12）在工具-Internet选项-高级，去掉“禁用脚步调试（Internet Explorer）”项的勾选。

6、按F12打开谷歌浏览器的调试工具栏，在source中找到你要调试的js，在js的行号前面点一下就可以设置断点，再刷新一下页面就进入调试状态了，按FF11的单步调试。

相关问答

Q1: 如何查找网页元素对应的JS代码(如图)

1、以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可，当鼠标移动到图片上时触发mouseover事件，chrome可响应事件设置断点，跟踪js代码查看就可以。

2、首先在你要查找的元素上点右键。点审查元素：在Dom树中找到你要查看的元素：点击右边或者下边的 Event Listeners：会出现一个这个元素绑定的dom事件的列表，比如上图li绑定了一个onmouseover。

3、在网页中点右键，然后查看源文件，如果JS代码是直接写在HTML文件中的这样就能看到了，如果JS代码是在外部文件的，那就从HTML代码中找到js外部文件的网址，然后下载回来就能看了。

4、需要准备的材料分别有：电脑、chrome浏览器。首先，chrome浏览器，以zhidao.baidu.com为例，进入网页。键盘按F12，显示出开发者工具面板，点击“Network”的“JS”选项。刷新页面，此时会列出所有调用的js文件。

5、Chrome浏览器中。找到相关ID或class。

6、google chrome的开发者模式下（F12），用ctrl+shift+c或者点击弹出来的窗口左上角的箭头， 点选你要看的某个元素，在窗口的下方可以显示css。

Q2: 这种JS如何才能知道代码?求解。。。

Chrome浏览器中。找到相关ID或class。

有啊，火狐和Chrome有Firebug插件，可以查看访问的网页都有哪些js，还可以设置断点调试。IE8和IE9都有自带的开发者工具(F12键)，也可以查看以及调试js。

还有JS代码都下载到了本地的临时文件夹中，保持页面不关的情况，可以在IE临时文件夹中找到这个JS文件，方式就是找到SRC所指的文件名。

最后，我们调用了名为 p4 的函数。问题在于，这个代码中的 then 方法并没有正确地返回新的 Promise。

如图1为你设置的断点处，2是当前js代码运行所在的行数。3是为步进（快捷方式为F11，意思是你按一下F11，js代码就会往下执行一行，三角按钮是运行完所有的js代码）。鼠标放在所执行的js代码处，就能查看到获取的属性值。

只有开发人员工具的审查元素功能可以看到JS动态生成的DOM结构数据。你说的查看网页源代码的方式是无法查看这些动态数据的，这种方式只能显示静态的源代码。

Q3: 怎么查看JS输出的代码

1、在网页中点右键，然后查看源文件，如果JS代码是直接写在HTML文件中的这样就能看到了，如果JS代码是在外部文件的，那就从HTML代码中找到js外部文件的网址，然后下载回来就能看了。

2、你可以使用一个浏览器的插件来看。推荐遨游http：// 安装它的一个插件ViewPage。打开你要看的网页，点击viewpage就可以看了。那个“源码”可以观察，“脚本”可以观察js啦。

3、需要获取网页中的javascript执行后生成的完整的网页源码（通常使用的右键-查看源代码是看不到js执行后的内容的，用firefox的firebug看到的代码就是js执行后的代码），从中提取一些有用的数据。

4、在浏览器的开发者工具中，可以查看网页的代码并进行调试。而JavaScript是一种在浏览器中运行的脚本语言，它可以操作DOM、修改样式、处理事件等。所以可以通过JavaScript的API来获取开发者工具中的代码。

5、只有开发人员工具的审查元素功能可以看到JS动态生成的DOM结构数据。你说的查看网页源代码的方式是无法查看这些动态数据的，这种方式只能显示静态的源代码。

Q4: JS代码能看到吗??、、

右击网页，然后查看源文件。如果js代码直接写在HTML文件里，就能看出来。如果JS代码在外部文件中，可以从HTML代码中找到JS外部文件的URL，然后下载回来就可以看到了。

在浏览器的开发者工具中，可以查看网页的代码并进行调试。而JavaScript是一种在浏览器中运行的脚本语言，它可以操作DOM、修改样式、处理事件等。所以可以通过JavaScript的API来获取开发者工具中的代码。

在网页中点右键，然后查看源文件，如果JS代码是直接写在HTML文件中的这样就能看到了，如果JS代码是在外部文件的，那就从HTML代码中找到js外部文件的网址，然后下载回来就能看了。

是的，但是源码只有是内联的方式时才可以查看到源码的。所谓内联就是将JS代码写到了HTML页面内容中的。使用标签对中间的可以查看到的。而使用外联的方式也可以有以下查看方式。

你好，js代码之所以可以被浏览器执行就说明已经被浏览器解析，这段代码怎么也在浏览器那里，而浏览器有在你的电脑上，剩下的就是这个浏览器想不想让你看代码的问题了。

Q5: 网页中的JS代码怎么查看?

有啊，火狐和Chrome有Firebug插件，可以查看访问的网页都有哪些js，还可以设置断点调试。IE8和IE9都有自带的开发者工具(F12键)，也可以查看以及调试js。

在网页中点右键，然后查看源文件，如果JS代码是直接写在HTML文件中的这样就能看到了，如果JS代码是在外部文件的，那就从HTML代码中找到js外部文件的网址，然后下载回来就能看了。

以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可，当鼠标移动到图片上时触发mouseover事件，chrome可响应事件设置断点，跟踪js代码查看就可以。

需要准备的材料分别有：电脑、chrome浏览器。首先，chrome浏览器，以zhidao.baidu.com为例，进入网页。键盘按F12，显示出开发者工具面板，点击“Network”的“JS”选项。刷新页面，此时会列出所有调用的js文件。

怎么看js输出代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js代码怎么看懂、怎么看js输出代码的信息别忘了在本站进行查找喔。