调试页面js代码，调试页面js代码怎么写

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

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

这是Chrome的限制，不允许修改页面中的js代码，即使改了，也不会生效。可以将页面中的代码拿到console中执行就可以覆盖页面中的代码了。

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

相关问答

Q1: javascript如何执行调试

1、Scripts标签页 很明显，这个标签页就是查看JS文件、调试JS代码的，直接看下图的说明。还有你可以打开Javascript控制台，做一些其他的查看或者修改。你甚至还可以为某一XHR请求或者某一事件设置断点。

2、打开firebug，点击“脚本”选项。点击“所有”选项，这里可以选择要显示的脚本，建议选择“显示所有脚本”。

3、要得知某些代码的执行时间，特别是调试缓慢循环时，非常有用。 甚至可以通过给方法传入不同参数，来设置多个定时器。

4、F11：逐语句调试，即单步调试，会跳入方法、表达式，进行逐语句的跟踪调试 在执行过程中，如果我们要执行即时的代码，我们就需要在右侧的窗格中输入代码，按回车即可。

5、在工具-Internet选项-高级，去掉“禁用脚步调试（Internet Explorer）”项的勾选。去掉“显示友好http错误信息”项的勾选。最后点击应用，确定按钮。预览表单，当要执行的js程序出现错误时，浏览器会给出提示。

6、Chrome开发者工具可以捕获所有类型的事件，当用户按下一个键、点击一下鼠标时，可以对触发的事件进行调试。 异常时暂停 Chrome开发者工具可以在抛出异常时暂停执行JavaScript代码。这可以让你在Error对象被创建时观察应用的状态。

Q2: 如何调试html网页中的js代码

HTML点击按钮调用JS文件或者直接调用JS代码的方法。如下参考：将这段代码保存到一个文件中，如下图所示。请注意，您可以使用任何文本工具创建js文件，但是在保存它时，您需要将其后缀为.js。

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

PS：其实你的JS代码可以写在HTML的任何地方，但是可能会出错，所以一般都是写在头部，而不是写在其他位置。

如输入：javascript：alert(200*75)调用JavaScript文件 可以将纯JavaScript的语句另外保存在一个*.js的文件中，需要时再调用。例子：调用test.js文件，显示提示。

这种方法跟跟2种类似，区别只是执行了一条空的js代码。a href=# onclick=js_method()这种方法也是网上很常见的代码，#是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

准备两个文件，一个是你要调用的js文件，用记事本里面写上你要的js代码，我这里只做示例，就写个简单的弹窗alert(OK)；保存成js。

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