源代码中的JavaScript代码不反映实际执行的代码

Question

我的javascript代码看起来像它应该的那样工作.但是,当我在Chrome中查看"来源"时,它不同意实际执行的javascript.

这是我的代码:

<?php
    $_SESSION['new'] = "blue";
    if (!isset($_SESSION['old'])) { $_SESSION['old'] = "blue"; }
        echo '<script type="text/javascript">
            $(document).ready(function() {
                changeCol("'.$_SESSION["old"].'","'.$_SESSION["new"].'");
            });
          </script>';
    $_SESSION['old'] = "blue";
?>    

$_SESSION['old']="green"来自上一页.代码应该调用changeCol("green","blue"),然后设置$_SESSION['old']="blue".

事实上,这两件事都发生了,所以我的代码就像它的设计一样工作,但如果我查看源代码,它会说changeCol("blue","blue").这很奇怪,因为如果在changeCol()中我将传递的变量写入console.log,我得到green, blue.

所以如果它在调用changeCol(green,blue)为什么它changeCol(blue,blue)在我查看源代码时会说？

Answer 1

当您查看源时,您可能正在提出其他请求.您的会话变量将被重置.

如果您使用的是Chrome或Firefox(您应该使用它),您可以打开Web Developer Tools或Firebug并检查实际的DOM树.(这在脚本动态添加内容的情况下也非常有用.)