页面源不反映浏览器显示的内容

Question

我有一个包含以下内容的网页：

<input id="ColourPicker" type="text" value="000000" />
<asp:Label ID="ColourChosen" runat="server" Text="000000" ClientIDMode="Static"></asp:Label>

这些绑定到jPicker：

$(document).ready(
  function () {
    $('#ColourPicker').jPicker(
      {
        images: { clientPath: 'Scripts/images/' },
        window: { position: { x: '25', y: '0' }, expandable: true }
      },
    function(color) {
      var all = color.val('all');
      document.getElementById('ColourChosen').innerHTML = all.hex;
    });
  });

当我在jPicker中选择一种颜色并单击“确定”时，浏览器会显示：

左边的框是ColourPicker，右边的标签是ColourChosen。

当我查看页面源时，我看到了：

<input id="ColourPicker" type="text" value="000000" />
<span id="ColourChosen">000000</span>

我有一些代码隐藏：

protected void Button1Click(object sender, EventArgs e)
{
var l = new List<Borg.PlotColurs> {new Borg.PlotColurs()};
l[0].PlotColour = ColourChosen.Text;
Borg.BulkInsert(ConfigurationManager.ConnectionStrings["utilConnectionString"].ConnectionString, "PlotColours", l);
ListView2.DataBind();
}

我想看到ColourChosen.Text等于f41313，但它总是等于000000。

我做错了什么？

Answer 1

您正在查看的页面源是从服务器下载的源。之后通过Javascript（包括插件）制作的所有版本都不会反映在页面源中。

要查看更改，您应该使用Firefox中的FireBug，Chrome中的Chrome devtools或Internet Explorer开发人员工具。