chrome调试如何修改js，chrome调试窗口怎么打开

在Chrome上面按F12修改页面的源代码里面的JS代码为什么无法生效_百度...

1、在F12调试界面中修改的JS代码，是修改的“本地缓存文件”中的代码，而不是存在于服务器上的网页的真正代码，网页的真正代码在浏览器中是无法修改的。

2、js代码在页面渲染的时候已经执行了，就是说从请求一个页面到完整看到一个页面之后，这个页面相关的js代码已经执行完毕，下次执行的时候依然是页面再次刷新加载的时候。

3、发机制不一样。JS是后期需要加入的。浏览器内置了一个JS解析引擎。直接改动dom和CSS浏览器会重新渲染页面。但是你改动JS是木有用的，默认浏览器载入页面源码会阻塞执行JS代码。

4、重新执行函数就行，如果该代码在全局作用域，或者页面加载执行。 那就没辙了。 因为你刷新的话，代码就会重置。 而且有时候更改关键地方的代码，会使当前页面崩溃。

相关问答

Q1: chrome调试js,如何修改变量值?

1、使用watch里面的，调试到这一行的时候，直接输入a=5就可以改变。

2、首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。

3、网站开发调试，chrome是程序员的福音，尤其是对js的调试。

4、下图显示的是进入网页所需的文件，同样的可以在里面直接修改，但不会保存到本地文件中 下面才是调试的重头戏，以12306购票网为例，按下F12，打开需要调试的JS文件，在行开头单击鼠标左键，打下断点，如下图所示。

Q2: 如何利用Chrome的控制台更改网页里面的Javascript代码并使得修改能够...

1、比如对于那些通过事件触发的代码，当修改并保存以后，是会生效的，前提是第一没有刷新页面，第二可以在不刷新页面的前提下执行这段修改过的代码（比如绑定事件）。

2、首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。

3、使用浏览器开发者工具（DevTools）：各种现代浏览器都内置了开发者工具，可以通过在网页上右键点击并选择“检查”来打开。

4、可以使用chrome浏览器来对js程序进行调试的，chrome内置了一个js的调试环境console。打开的方法是，在打开浏览器后按f12打开开发者选项，选择其中的console选项即可。console环境是可以直接运行就是代码的。

关于chrome调试如何修改js和chrome调试窗口怎么打开的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。