如何更改网站JavaScript代码中的变量值?

时间:2016-08-05 22:19:14

标签: javascript google-chrome debugging google-chrome-devtools breakpoints

如何更改网站JavaScript代码中的变量值?

我想知道,因为我正在构建一个网站,作为代码的一部分,我有一个变量,其值对网站的功能有重要影响。因此,我希望知道某人如何能够改变这一价值(即使它只影响该用户所看到的网站)。

我对学习如何在Google Chrome中执行此操作特别感兴趣。

1 个答案:

答案 0 :(得分:5)

如果你在Chrome中点击F12并点击&#34; Console&#34;在顶部,您有一个功能齐全的JavaScript解释器,位于您正在查看的网站范围内。这意味着您可以在控制台中输入几乎任何代码,并在该网站的全局范围内将其作为javascript代码执行。 <script>标记中的全局变量在此范围内公开,因此如果您在页面中有(例如):

<script>
var x = {'a': 5};
</script>

您可以在控制台中输入x.a = 6,按回车键,变量确实会被更改。

您甚至可以使用控制台更改内置的值,例如Array.map,但不建议这样做,因为它可能会更改或破坏网站代码的功能。