Question

我有一个应该显示图像并每1秒刷新一次图像的代码。我有两个.aspx页面，一个将新图像保存到文件，另一个是显示新图像。使用javascript代码并不令人耳目一新。如果我点击F5或从地址栏刷新页面，它将显示新图像，但不会显示代码。我无法调试，因为我没有这台计算机的管理权限（在工作中）所以我想尝试添加类似“num = num + 1”的东西，然后在文本框中显示num。我想这样做，看看我的代码是否甚至输入了javascript。

以下是带有javascript：

的查看器页面的代码

<body>
<form id="form1" runat="server">
<div style="height: 60px"> 
<%--<asp:Image ID="Image1" runat="server"  /> --%>   
<img src="/video.aspx" id="the_image" alt="" />


  <script type="text/javascript" language="javascript">

      function refreshImage() {
          objIMG = document.getElementById('the_image');
          objIMG.src = objIMG.src.substr(0, objIMG.src.indexOf('&nocache=')); +'&nocache=' + Math.random();
      }

      $(document).ready(function () {
          setInterval(refreshImage(), 1000);

                })

</script>

    <br />
</div>
</form>
</body>

如果您对此感兴趣，请将新图像保存到文件中：

namespace PlayVideo
{
 public partial class Video : System.Web.UI.Page
{

protected void Page_Load(object sender, EventArgs e)
{
    //This is where I originally had the function that saves the new image.
    //string saveTo = @"location to save new image";
    //FileStream writeStream = new FileStream(saveTo, FileMode.Create, FileAccess.ReadWrite);

    using(FileStream fs = File.Open(@"C:Location of file", FileMode.Open, FileAccess.ReadWrite, FileShare.ReadWrite))
        {
        ReadWriteStream(fs, writeStream);
        }

    Response.Clear();
    Response.TransmitFile("~/images/test.jpg");



}

// readStream is the stream you need to read
// writeStream is the stream you want to write to
private void ReadWriteStream(Stream readStream, Stream writeStream)
{
    int Length = 256;
    Byte[] buffer = new Byte[Length];
    int bytesRead = readStream.Read(buffer, 0, Length);
    // write the required bytes
    while (bytesRead > 0)
    {
        writeStream.Write(buffer, 0, bytesRead);
        bytesRead = readStream.Read(buffer, 0, Length);
    }
    readStream.Close();
    writeStream.Close();
}

}

我真的没有javascrict，我得到了我在网上使用的代码。我想添加调试行。有人可以帮忙吗？如果你想知道，我正在使用Visual Studio 2010。

Answer 1

根据您用来查看页面的浏览器，它可能有一个开发人员工具栏或一组内置的开发工具。您可以使用它来调试您的JavaScript而无需任何提升的权限。

您可以在IE中访问它们，但可以访问F12。

Answer 2

console.log(yourData);

在运行之前按F12并转到控制台选项卡。使用Firefox和Firebug插件也会有所帮助。

如何添加一行代码来帮助调试Javascript？

2 个答案: